/* =========================================================
   PROTÓTIPO NOVA HOMEPAGE — PARCEIROS
   prototipo-nova-home/assets/css/homepage2-parceiros.css
   Faixa estática (NÃO é carrossel/banner rotativo) com os 4 links reais
   de entidades parceiras já existentes no site (ver includes/main.php,
   seção "LOGOS PARCEIROS/INSTITUCIONAIS"): Cedae Saúde, Prece
   Previdência, Dieese e Asapae. Óticas Precisão e qualquer outro link
   ficam de fora, por pedido explícito do Luciano (print temp/188.jpg
   trazia 5 logos — Óticas Precisão incluída por engano; aqui ficam só 4).
========================================================= */

.homepage2-parceiros{
    padding-block:30px;
}

/* Grid com 5 cards do MESMO tamanho: o card de título/texto + os 4
   logos, cada um independente (fundo/borda/sombra próprios) — pedido
   do Luciano pra substituir o antigo layout de "1 card grande com
   tudo dentro". ".homepage2-parceiros-card" é o visual comum (reusado tanto
   no card de título quanto em cada <li> de logo, ver index.html). */
.homepage2-parceiros-grid{
    display:grid;
    grid-template-columns:1.3fr repeat(4, 1fr);
    gap:18px;
}
.homepage2-parceiros-card{
    background:#ffffff;
    border:1px solid #e5e9e5;
    border-radius:16px;
    box-shadow:0 4px 18px rgba(20,40,20,.06);
    height:150px;
}

.homepage2-parceiros-titulo{
    padding:22px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.homepage2-parceiros-titulo h2{
    margin:0 0 8px;
    font-family:var(--homepage2-base-font-titulo);
    font-size:20px;
    /* 2026-09-11 (pedido do Luciano, print temp/241.jpg): ExtraBold
       (800) "bold demais" pra título de seção informativa — trocado
       pro SemiBold (600) da mesma família (Fira Sans Condensed),
       mesmo espírito do ajuste já feito nos títulos de notícia. */
    font-weight:600;
    /* 2026-09-11 (pedido do Luciano): tracking removido, mesmo ajuste
       aplicado em todos os títulos que usam a fonte de título
       (Fira Sans Condensed) — era .02em antes. */
    letter-spacing:normal;
    color:var(--homepage2-base-navy);
    text-transform:uppercase;
}
.homepage2-parceiros-titulo p{
    margin:0;
    font-size:16px;
    line-height:1.5;
    color:var(--homepage2-base-text-soft);
}
html.homepage2-base-dark .homepage2-parceiros-titulo p{
    /* ".homepage2-parceiros-card" tem fundo branco fixo — mesmo motivo. */
    color:#4b5563;
}

.homepage2-parceiros-lista{
    display:contents; /* cada <li> vira uma célula do grid, lado a
                          lado com o card de título, em vez de ficar
                          preso dentro de um <ul> à parte */
    list-style:none;
    margin:0;
    padding:0;
}

.homepage2-parceiros-item{
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.homepage2-parceiros-item a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    width:100%;
    filter:grayscale(0%);
    transition:transform .2s ease;
}
.homepage2-parceiros-item a:hover{
    transform:scale(1.06);
}
.homepage2-parceiros-item img{
    height:100%;
    width:auto;
    max-width:100%;
    object-fit:contain;
    display:block;
}
.homepage2-parceiros-item-asapae img{
    height:82%;
}

@media(max-width:1180px){
    .homepage2-parceiros-grid{
        grid-template-columns:repeat(3, 1fr);
    }
    .homepage2-parceiros-titulo{
        grid-column:1 / -1;
        height:auto;
        padding:24px 22px;
        text-align:center;
        align-items:center;
    }
}

@media(max-width:640px){
    .homepage2-parceiros-grid{
        grid-template-columns:repeat(2, 1fr);
    }
    .homepage2-parceiros-card{
        height:110px;
    }
}