/**
 * Banner institucional Cannect (03/10) -- 6 posições: home, home-meio, home-fim,
 * artigo-intro, artigo-meio, artigo-fim (ver template-parts/banner-cannect.php). Carregado na home e
 * em matérias (ver functions.php, cannalize_banner_cannect_assets).
 *
 * Estilo provisório/genérico -- sem criativo/cores de marca definidas
 * ainda; ajustar quando o Figma puder ser lido e o time da Cannect
 * enviar o material.
 */

.banner-cannect {
    background: #eef3ee;
    border: 1px dashed #a9c2ad;
    border-radius: 10px;
    padding: 18px 20px;
    margin: 28px 0;
}

.banner-cannect__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    text-decoration: none;
    color: inherit;
}

.banner-cannect__eyebrow {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5c6b60;
}

.banner-cannect__marca {
    font-weight: 700;
    font-size: 15px;
    color: #2f4f3a;
}

.banner-cannect__texto {
    font-size: 14px;
    color: #1f2a22;
    flex: 1 1 260px;
}

.banner-cannect__cta {
    font-weight: 600;
    font-size: 13.5px;
    color: #4a7856;
    white-space: nowrap;
}

.banner-cannect__provisorio-note {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #b8863b;
    font-style: italic;
}

/* Home -- largura total, logo depois de "Últimas notícias" */
.banner-cannect--home,
.banner-cannect--home-meio,
.banner-cannect--home-fim {
    margin: 36px auto;
}

/* Artigo -- largura aproximada do texto corrido (.content-narrow do tema);
   ajustar se a régua real de .content-narrow for diferente. */
.banner-cannect--artigo-intro,
.banner-cannect--artigo-fim {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.banner-cannect--artigo-intro .banner-cannect__link,
.banner-cannect--artigo-fim .banner-cannect__link {
    flex-direction: column;
    align-items: flex-start;
}

/* 13/10: banner em imagem (configurado em wp-admin > Banners Cannect) */
.banner-cannect--imagem {
    background: none;
    border: 0;
    padding: 0;
}
.banner-cannect--imagem .banner-cannect__link { display: block; }
.banner-cannect--imagem img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* 13/10: banner do MEIO da matéria -- fino, para não ocupar tela nem
   atrapalhar a leitura. Imagem recomendada 1440 x 180 px (8:1); o que passar
   de 100 px de altura é cortado (110 px no celular). */
.banner-cannect--artigo-meio {
    max-width: 720px;
    margin: 24px auto;
}
.banner-cannect--artigo-meio.banner-cannect--imagem img {
    max-height: 100px;
    object-fit: cover;
}
/* versão de texto (sem imagem): uma linha só, compacta */
.banner-cannect--artigo-meio:not(.banner-cannect--imagem) {
    padding: 10px 16px;
}
.banner-cannect--artigo-meio:not(.banner-cannect--imagem) .banner-cannect__link {
    flex-wrap: nowrap;
    gap: 12px;
}
.banner-cannect--artigo-meio:not(.banner-cannect--imagem) .banner-cannect__eyebrow { display: none; }
.banner-cannect--artigo-meio:not(.banner-cannect--imagem) .banner-cannect__texto {
    flex: 1 1 auto;
    font-size: 13px;
}
@media (max-width: 700px) {
    .banner-cannect--artigo-meio.banner-cannect--imagem img { max-height: 110px; }
    .banner-cannect--artigo-meio:not(.banner-cannect--imagem) .banner-cannect__link { flex-wrap: wrap; }
}