/* =========================================================
   Pagina Partner — INFROP
   ========================================================= */

.partners-hero {
    background: linear-gradient(135deg, #0065AE, #171F32);
    color: #fff;
    padding: 4rem 0 3.5rem;
    text-align: center;
}
.partners-hero__eyebrow { color: rgba(255,255,255,.8); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; }
.partners-hero__title { color: #fff; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin: .5rem 0 1rem; }
.partners-hero__sub { color: rgba(255,255,255,.9); max-width: 720px; margin: 0 auto; line-height: 1.6; }

.partners-body { padding: 4rem 0; }

/* Rifinitura della griglia partner (riusa le classi della home). Card bianche,
   logo centrato in scala di grigio che si colora al passaggio del mouse. */
.partners-body .infrop-partners__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
.partners-body .infrop-partners__item {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    transition: box-shadow .2s, transform .2s;
}
.partners-body .infrop-partners__item:hover {
    box-shadow: 0 8px 24px rgba(23,31,50,.1);
    transform: translateY(-2px);
}
.partners-body .infrop-partners__item img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .8;
    transition: filter .2s, opacity .2s;
}
.partners-body .infrop-partners__item:hover img {
    filter: grayscale(0);
    opacity: 1;
}

@media (max-width: 991px) {
    .partners-body .infrop-partners__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
    .partners-body .infrop-partners__grid { grid-template-columns: repeat(2, 1fr); }
    .partners-body { padding: 2.5rem 0; }
}
