/* Themify Customize Styling */
body {	background: none;
	background-color: #fbf5f0; 
}

/* Themify Custom CSS */
/* ==========================================================================
   REMOÇÃO DE GAP ENTRE O HEADER E A ROW HERO
   ========================================================================== */

/* Zera as margens e espaçamentos do container geral de páginas do Themify */
#main-wrap,
#content,
.main-nav,
#pagewrap,
.page-single,
.type-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Força o topo do construtor de páginas a colar no elemento imediatamente acima */
.themify_builder_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove qualquer margem ou padding superior da primeira linha da página */
.themify_builder_content .themify_builder_row:first-of-type,
.hero-real-section {
    margin-top: 0 !important;
    padding-top: 80px !important; /* Mantém apenas o respiro interno do design, sem o buraco branco */
}

/* Ajuste específico caso o tema use uma div de espaçamento dinâmico */
.header-wrap + #content,
#header + #body {
    margin-top: 0 !important;
    padding-top: 0 !important;
} /* ==========================================================================
   RESET GLOBAL CONTRA O ROSA (FORÇAR CORES DO MODELO)
   ========================================================================== */

/* Remove o rosa forçado do Themify nos links do Menu Principal e Sticky */
.themify_builder_content .header-main-row ul.nav li a,
.themify_builder_content .header-main-row .ui.nav li a,
#header .header-main-row ul.nav li a,
.fixed-header .header-main-row ul.nav li a,
.header-main-row a {
    color: #222222 !important; /* Cor escura do site modelo */
    text-decoration: none !important;
    background: transparent !important;
}

/* Garante o tom correto de hover (passar o mouse) apenas no menu superior */
.themify_builder_content .header-main-row ul.nav li a:hover,
#header .header-main-row ul.nav li a:hover,
.fixed-header .header-main-row ul.nav li a:hover {
    color: #c50058 !important; /* Magenta de destaque sutil */
}

/* Remove o rosa forçado do Themify em todos os links e listas do Rodapé */
.footer-col ul li a, 
.footer-col a,
.footer-bottom p a,
.footer-bottom .dev-text a {
    color: #999999 !important; /* Cinza claro do modelo escuro */
    text-decoration: none !important;
}

/* Efeito de passar o mouse nos links do rodapé (muda para branco, nunca rosa) */
.footer-col ul li a:hover, 
.footer-col a:hover,
.footer-bottom .dev-text a:hover {
    color: #ffffff !important;
}

/* Força os ícones sociais do Themify a ignorarem a cor rosa do tema */
.custom-social-links a,
.themify_builder_content .custom-social-links ul li a {
    color: #ffffff !important;
    background-color: transparent !important;
}
 /* ==========================================================================
   1. RESET DE ESPAÇAMENTO E ESTRUTURA GLOBAL
   ========================================================================== */
#body, #content, .page .type-page, #content-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.themify_builder_content .themify_builder_row:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
    #content, .themify_builder_content .themify_builder_row:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* ==========================================================================
 2  HEADER DEFINITIVO - BENDITA IMAGEM (NORMAL + STICKY + BOTÃO)
   ========================================================================== */

/* 1. PADRONIZAÇÃO TIPOGRÁFICA ABSOLUTA */
.header-top-bar, 
.header-main-row, 
.header-main-row *,
.themify_builder_content .module-menu *,
#header *,
.fixed-header * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -0.01em !important;
}

/* 2. LINHA 1: BARRA SUPERIOR PRETA (TOP BAR) - FORÇAR EXIBIÇÃO */
.themify_builder_content .themify_builder_row.header-top-bar-row,
#header .header-top-bar-row,
.fixed-header .header-top-bar-row {
    background-color: #111111 !important;
    background: #111111 !important;
    padding: 8px 30px !important;
    margin: 0 !important;
    display: block !important; /* Garante que não suma no sticky */
}

.header-top-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.08em !important;
    width: 100%;
}

/* 3. LINHA 2: MENU PRINCIPAL (GARANTIR COR BEGE/CREME MANUAL E NO STICKY) */
.themify_builder_content .themify_builder_row.header-main-row,
div.header-main-row,
#header .header-main-row,
.fixed-header .header-main-row,
.fixed-header div.header-main-row {
    background-color: #fbf5f0 !important; /* Cor bege/creme do modelo */
    background: #fbf5f0 !important;
    border-bottom: 1px solid #eeeeee !important;
    padding: 12px 30px !important;
}

/* 4. DESTRUIR CORES, FUNDOS E BORDAS FANTASMAS DO THEMIFY */
.themify_builder_content .header-main-row .module-menu,
.themify_builder_content .header-main-row ul.nav,
.themify_builder_content .header-main-row ul.nav li,
.themify_builder_content .header-main-row ul.nav li a,
.header-main-row .ui.nav li a,
.fixed-header .header-main-row ul.nav li a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 5. MANTER LINKS EM LINHA HORIZONTAL ÚNICA */
.themify_builder_content .header-main-row ul.nav,
.themify_builder_content .header-main-row .ui.nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 28px !important;
    list-style: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 6. CORRIGIR FONTES E CORES DOS LINKS (EVITAR O ROSA NO MENU NORMAL) */
.themify_builder_content .header-main-row ul.nav li a,
.themify_builder_content .header-main-row .ui.nav li a,
#header .header-main-row ul.nav li a,
.fixed-header .header-main-row ul.nav li a {
    color: #222222 !important; /* Texto escuro sobre o bege */
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    transition: color 0.2s ease-in-out;
}

/* Efeito Hover nos links do menu (Magenta do modelo) */
.themify_builder_content .header-main-row ul.nav li a:hover,
.themify_builder_content .header-main-row .ui.nav li a:hover,
.fixed-header .header-main-row ul.nav li a:hover {
    color: #c50058 !important;
}

/* 7. RECONSTRUÇÃO DO BOTÃO MAGENTA "VAMOS CONVERSAR" */
.header-cta-container { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-end !important;
}

/* Força o link do botão a ignorar o estilo de link padrão do tema */
.header-cta-container a.header-cta-button-magenta,
#header .header-cta-container a.header-cta-button-magenta,
.fixed-header .header-cta-container a.header-cta-button-magenta {
    background-color: #c50058 !important; /* Força o preenchimento colorido */
    background: #c50058 !important;
    color: #ffffff !important; /* Texto interno branco */
    padding: 12px 24px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

.header-cta-container a.header-cta-button-magenta:hover {
    background-color: #a00046 !important;
    background: #a00046 !important;
    color: #ffffff !important;
}

/* Alinhamento de colunas do grid */
.themify_builder_content .header-main-row .themify_builder_col { display: flex !important; align-items: center !important; }
.themify_builder_content .header-main-row .themify_builder_col_1 { justify-content: flex-start !important; }
.themify_builder_content .header-main-row .themify_builder_col_2 { justify-content: center !important; }
.themify_builder_content .header-main-row .themify_builder_col_3 { justify-content: flex-end !important; }

.header-logo { max-height: 50px; width: auto; }

/* Ocultar elementos no mobile para proteção de layout */
@media (max-width: 980px) {
    .header-top-bar-row, .header-top-bar, .header-cta-container {
        display: none !important;
    }
}

/* ==========================================================================
   3. RODAPÉ PREMIUM (MANUTENÇÃO DO SEU CÓDIGO CORRETO)
   ========================================================================== */
.themify_builder_content .themify_builder_row.footer-row, footer {
    background-color: #111111 !important;
    color: #999999 !important;
    position: relative;
    overflow: hidden;
}

.footer-col h3 {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
}

.footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-col ul li { margin-bottom: 15px !important; }
.footer-col ul li a, .footer-info { color: #999999 !important; text-decoration: none !important; font-size: 0.95rem !important; transition: color 0.2s ease; }
.footer-col ul li a:hover { color: #ffffff !important; }

.branding-col .footer-logo { max-width: 160px; height: auto; margin-bottom: 20px; }
.branding-col .brand-desc { font-size: 0.9rem !important; line-height: 1.6 !important; color: #aaaaaa !important; margin-bottom: 20px !important; }
.branding-col .brand-slogan { font-size: 0.75rem !important; letter-spacing: 0.05em !important; font-weight: 700 !important; color: #cccccc !important; margin-bottom: 15px !important; }
.branding-col .brand-signature { font-style: italic; color: #ffffff !important; font-size: 1.1rem !important; margin-bottom: 20px !important; }
.branding-col .brand-signature span { color: #e22659 !important; }

.footer-socials { display: flex; gap: 10px; }
.social-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #333333; border-radius: 4px; color: #ffffff !important; text-decoration: none !important; font-size: 0.9rem; transition: background 0.2s; }
.social-icon:hover { background-color: #222222; }

.footer-bottom-wrapper { position: relative; width: 100%; margin-top: 60px; padding-bottom: 20px; }
.footer-bg-text { position: absolute; bottom: 30px; left: 0; width: 100%; font-size: 8vw !important; font-weight: 900 !important; color: #1a1a1a !important; z-index: 1; white-space: nowrap; pointer-events: none; letter-spacing: -0.03em; line-height: 1; }

.footer-bottom { position: relative; z-index: 2; border-top: 1px solid #222222 !important; padding-top: 25px; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap; width: 100% !important; }
.footer-bottom p { font-size: 0.8rem !important; color: #666666 !important; margin: 0 !important; }
.footer-bottom .copyright-text { text-align: left !important; }
.footer-bottom .hashtag-text { color: #888888 !important; font-weight: 500; }
.footer-bottom .dev-text { text-align: right !important; }
.footer-bottom .dev-text a { color: #666666 !important; text-decoration: none !important; }
.footer-bottom .dev-text a:hover { color: #ffffff !important; text-decoration: underline !important; }

@media (max-width: 768px) {
    .footer-bottom { flex-direction: column !important; gap: 10px !important; text-align: center !important; }
    .footer-bottom .copyright-text, .footer-bottom .dev-text { text-align: center !important; }
    .footer-bg-text { font-size: 12vw !important; bottom: 100px; }
}
css
/* ==========================================================================
   SEÇÃO MANIFESTO - BENDITA IMAGEM (HUMAN CONNECTIONS + AI)
   ========================================================================== */

/* Configurações da Linha Geral */
.themify_builder_content .themify_builder_row.secao-manifesto-row {
    background-color: #fbf5f0 !important; /* Mantém o bege creme padrão */
    background: #fbf5f0 !important;
    padding: 100px 40px !important;
}

/* Alinhamento da Imagem à Esquerda */
.manifesto-media-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.manifesto-img {
    width: 100%;
    height: auto;
    box-shadow: 0 20px 45px rgba(0,0,0,0.08);
    border-radius: 2px;
}

/* Textos da Direita */
.manifesto-content-wrapper {
    font-family: 'Montserrat', -apple-system, sans-serif !important;
    padding-left: 20px;
}

.manifesto-kicker {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #555555 !important;
    margin-bottom: 25px;
}

.manifesto-kicker .sq-magenta {
    color: #c2185b !important;
    font-size: 0.6rem;
    margin-right: 4px;
}

/* O Grande Título com Mistura Tipográfica */
.manifesto-title {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: 3.5rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: #111111 !important;
    margin: 0 0 30px 0 !important;
    letter-spacing: -0.02em !important;
}

/* Aplica o Itálico e o Vinho/Magenta na segunda parte da frase */
.manifesto-title .highlight-italic-vinho {
    font-family: "Georgia", serif !important;
    font-style: italic !important;
    color: #c2185b !important; /* Tom Vinho do manual */
}

.manifesto-desc {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    margin-bottom: 50px !important;
}

/* GRID DOS 4 PILARES */
.pilares-manifesto-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
}

.pilar-card {
    border-top: 1px solid #e6e0d8 !important; /* Linha sutil separadora */
    padding-top: 15px;
}

.pilar-card h4 {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    color: #c2185b !important; /* Títulos dos pilares em Vinho */
    margin-bottom: 8px !important;
    text-transform: uppercase;
}

.pilar-card p {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    color: #555555 !important;
    margin: 0 !important;
}

/* RESPONSIVIDADE PARA CELULARES */
@media (max-width: 980px) {
    .manifesto-title { font-size: 2.6rem !important; }
    .manifesto-content-wrapper { padding-left: 0; }
}

@media (max-width: 640px) {
    .pilares-manifesto-grid { grid-template-columns: 1fr; gap: 30px; }
}
/* ==========================================================================
   GRID DE LOGOS ISOLADO - BENDITA IMAGEM
   ========================================================================== */

.bi-imprensa-grid-logos {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border-top: 1px solid #222222 !important;
    border-left: 1px solid #222222 !important;
    background-color: #000000 !important;
    width: 100% !important;
    margin: 40px 0 !important;
}

.bi-logo-item {
    border-right: 1px solid #222222 !important;
    border-bottom: 1px solid #222222 !important;
    height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #000000 !important;
    padding: 25px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}

/* Força os SVGs a ficarem brancos e levemente transparentes no estado de repouso */
.bi-logo-item img {
    max-width: 100% !important;
    max-height: 45px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    opacity: 0.4 !important;
    filter: brightness(0) invert(1) !important; /* Transforma qualquer cor original do SVG em branco límpido */
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out !important;
}

/* COMPORTAMENTO DE HOVER: PREENCHIMENTO COMPLETO EM VINHO */
.bi-logo-item:hover {
    background-color: #c2185b !important; /* Cor Vinho/Magenta oficial da marca */
    background: #c2185b !important;
    border-color: #c2185b !important; /* Oculta a malha cinza de fundo no bloco ativo */
}

.bi-logo-item:hover img {
    opacity: 1 !important; /* Ativa brilho máximo no logo branco */
    transform: scale(1.05) !important;
}

/* AJUSTES DE RESPONSIVIDADE */
@media (max-width: 900px) {
    .bi-imprensa-grid-logos { grid-template-columns: repeat(2, 1fr) !important; }
    .bi-logo-item { height: 110px !important; padding: 15px !important; }
}
/* ==========================================================================
   SEÇÃO BENDITO CASE - INTEGRAÇÃO ASSIMÉTRICA + DETALHAMENTO EXPANSÍVEL
   ========================================================================== */

.bi-cases-section {
    width: 100% !important;
    padding: 80px 40px !important;
    background-color: #F8F3ED !important; /* Fundo creme claro do layout */
    font-family: 'Montserrat', sans-serif !important;
}

.bi-cases-header { max-width: 1200px; margin: 0 auto 50px auto; }
.bi-cases-kicker { font-size: 0.7rem !important; font-weight: 700; letter-spacing: 0.12em; color: #444444; text-transform: uppercase; }
.bi-cases-kicker .bi-bullet-magenta { color: #C40061 !important; margin-right: 4px; }

.bi-cases-main-title {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: 3.8rem !important;
    font-weight: 400 !important;
    color: #111111 !important;
    margin: 15px 0 !important;
    letter-spacing: -0.02em;
}
.bi-cases-sub { font-size: 1rem !important; color: #555555; max-width: 520px; line-height: 1.5; }

/* GRID ASSIMÉTRICO DE CARDS */
.bi-cases-grid-cards {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 30px;
}

.bi-case-card {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.bi-card-img-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-height: 320px;
    transition: transform 0.4s ease;
}
.bi-case-card:hover .bi-card-img-bg { transform: scale(1.02); }

.bi-card-overlay-content {
    background: linear-gradient(to top, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.2) 100%);
    width: 100%;
    height: 100%;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #ffffff;
}

/* Estilos internos do Card Grande (Esquerda) */
.card-grande .bi-card-img-bg { min-height: 580px; }
.bi-card-tag-cat { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.05em; padding: 4px 8px; border-radius: 2px; align-self: flex-start; margin-bottom: 15px; color: #fff; }
.tag-energia { background-color: #b01046; }
.tag-imob { background-color: #8a1538; }
.tag-tec { background-color: #c40061; }

.bi-card-huge-number { font-family: 'Oswald', 'Impact', sans-serif; font-size: 6rem; color: #C40061; line-height: 0.9; font-weight: 700; }
.bi-card-number-sub { font-size: 0.65rem; font-weight: 700; color: #C40061; letter-spacing: 0.05em; margin-bottom: 20px; }

.bi-card-overlay-content h3 { font-family: "Playfair Display", serif; font-size: 2.2rem; line-height: 1.1; margin: 0 0 15px 0; color: #fff; }
.bi-card-preview-text { font-size: 0.9rem; color: #cccccc; line-height: 1.5; margin-bottom: 20px; max-width: 440px; }
.bi-card-link { font-size: 0.85rem; font-weight: 600; color: #ffffff; text-decoration: underline; }

.bi-cases-right-stack { display: flex; flex-direction: column; gap: 30px; }
.card-pequeno .bi-card-overlay-content h3 { font-size: 1.6rem; }

/* ==========================================================================
   VISUALIZAÇÃO DO CASE EXPANDIDO (ESTILO DETALHADO FIEL AOS PRINTS)
   ========================================================================== */
.bi-opened-cases-container { max-width: 1200px; margin: 40px auto 0 auto; }

.bi-expanded-case-view {
    display: none; /* Inicia oculto */
    background-color: #fffdfa !important; /* Fundo off-white interno */
    border: 1px solid #e2ded8;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}
.bi-expanded-case-view.bi-case-open { display: block; animation: abrirSuave 0.4s ease; }

@keyframes abrirSuave { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

/* Botão Fechar Retangular no Canto */
.bi-close-case-btn {
    position: absolute; top: 20px; right: 20px; background-color: #111111; color: #ffffff;
    border: none; width: 36px; height: 36px; font-size: 1.6rem; cursor: pointer; z-index: 10;
}
.bi-close-case-btn:hover { background-color: #C40061; }

.bi-case-view-hero { width: 100%; height: 380px; background-size: cover; background-position: center; border-bottom: 4px solid #C40061; }
.bi-case-view-body { padding: 50px; }

.bi-view-cat { font-size: 0.7rem; font-weight: 700; color: #666666; letter-spacing: 0.08em; display: block; margin-bottom: 20px; }
.bi-view-title { font-family: "Playfair Display", serif !important; font-size: 3.5rem !important; font-weight: 400 !important; color: #111111 !important; margin: 0 0 25px 0 !important; line-height: 1.1; }
.bi-view-lead { font-size: 1.15rem !important; line-height: 1.6 !important; color: #222222 !important; max-width: 800px; margin-bottom: 40px !important; border-left: 3px solid #C40061; padding-left: 20px; }
.bullet-sq-rosa { color: #C40061; font-size: 0.75rem; margin-left: 5px; }

/* Grid de 3 Pilares (Desafio, Ângulo, Resultado) */
.bi-view-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 50px; }
.bi-pillar-item { display: flex; flex-direction: column; gap: 8px; }
.bi-pillar-item b { font-size: 0.7rem; font-weight: 700; color: #C40061; letter-spacing: 0.05em; text-transform: uppercase; }
.bi-pillar-item p { font-size: 0.95rem; line-height: 1.5; color: #333333; margin: 0; }

/* Faixa de Logos Pretos de Onde Saiu */
.bi-view-logos-footer { border-top: 1px solid #eeeeee; padding-top: 25px; margin-bottom: 40px; }
.bi-view-logos-footer span { font-size: 0.7rem; font-weight: 700; color: #888888; letter-spacing: 0.05em; display: block; margin-bottom: 15px; }
.bi-view-logos-row { display: flex !important; flex-wrap: wrap; gap: 10px !important; flex-direction: row !important; }

/* Blocos de jornal pretos idênticos aos prints */
.bi-view-logos-row span {
    background-color: #000000 !important; background: #000000 !important; color: #ffffff !important;
    padding: 10px 20px !important; font-size: 0.85rem !important; font-weight: 600 !important;
    border-radius: 2px; margin: 0 !important; white-space: nowrap; display: inline-block !important;
}

/* Botão de Encerramento Magenta */
.bi-view-cta-btn {
    background-color: #C40061 !important; background: #C40061 !important; color: #ffffff !important;
    padding: 15px 30px !important; font-size: 0.95rem !important; font-weight: 600 !important;
    text-decoration: none !important; border-radius: 2px !important; display: inline-flex; align-items: center; gap: 10px;
}
.bi-view-cta-btn:hover { background-color: #a0004f !important; }

/* RESPONSIVIDADE */
@media (max-width: 900px) {
    .bi-cases-grid-cards { grid-template-columns: 1fr; }
    .card-grande .bi-card-img-bg { min-height: 420px; }
    .bi-view-pillars-grid { grid-template-columns: 1fr; gap: 25px; }
    .bi-view-title { font-size: 2.4rem !important; }
    .bi-view-body { padding: 25px; }
}
/* ==========================================================================
   ESTEIRA DE LOGOS INFINITA (SENTIDOS OPOSTOS + FADE LATERAL VETORIAL)
   ========================================================================== */

.themify_builder_content .themify_builder_row.secao-esteira-logos-row,
.bi-marquee-brands-section {
    background-color: #F8F3ED !important; /* Cor creme de fundo var(--creme) */
    background: #F8F3ED !important;
    padding: 60px 0 !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden;
}

.bi-marquee-kicker {
    max-width: 1200px;
    margin: 0 auto 30px auto !important;
    padding: 0 40px;
    font-family: "Montserrat", sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #2a2324 !important;
    text-transform: uppercase;
}
.bi-marquee-kicker .bi-marquee-bullet {
    color: #C40061 !important; /* Rosa da marca */
    margin-right: 4px;
}

/* Máscara de gradiente para esfumar as laterais esquerda e direita */
.bi-marquee-wrapper-mask {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.bi-marquee-row {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
}
.bi-marquee-row:last-child {
    margin-bottom: 0;
}

.bi-marquee-track {
    display: flex;
    align-items: center;
    gap: 70px; /* Distanciamento idêntico ao modelo */
}

/* Alinhamento e homogeneização das cores dos arquivos PNG */
.bi-marquee-track img {
    height: 38px !important; /* Altura controlada para manter os logos na mesma proporção horizontal */
    width: auto !important;
    object-fit: contain !important;
    filter: grayscale(100%) brightness(0.2) !important; /* Transforma as cores originais em cinza grafite corporativo */
    opacity: 0.75;
    transition: opacity 0.25s ease;
}

.bi-marquee-track img:hover {
    opacity: 1;
}

/* ESTRELA INDEPENDENTE EM SENTIDOS INVERSOS */
.bi-move-left .bi-marquee-track {
    animation: esteiraEsquerda 30s linear infinite;
}

.bi-move-right .bi-marquee-track {
    animation: esteiraDireita 30s linear infinite;
}

@keyframes esteiraEsquerda {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 35px)); } /* Divide perfeitamente o grid no meio para loop fluido */
}

@keyframes esteiraDireita {
    0% { transform: translateX(calc(-50% - 35px)); }
    100% { transform: translateX(0); }
}

/* Responsividade para manter a proporção em celulares */
@media (max-width: 768px) {
    .bi-marquee-track img { height: 28px !important; }
    .bi-marquee-track { gap: 45px; }
    .bi-move-left .bi-marquee-track, 
    .bi-move-right .bi-marquee-track { animation-duration: 20s; }
}
/* ==========================================================================
   SEÇÃO BENDITA NEWS & CAPTURA MAILCHIMP (PIXEL-PERFECT)
   ========================================================================== */

.bi-news-section {
    width: 100% !important;
    padding: 80px 40px !important;
    background-color: #F8F3ED !important;
    font-family: 'Montserrat', sans-serif !important;
}

.bi-news-header { max-width: 1200px; margin: 0 auto 50px auto; }
.bi-news-kicker { font-size: 0.7rem !important; font-weight: 700; letter-spacing: 0.12em; color: #444444; text-transform: uppercase; }
.bi-news-kicker .bi-bullet-magenta { color: #C40061 !important; margin-right: 4px; }

.bi-news-main-title {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: 3.8rem !important;
    font-weight: 400 !important;
    color: #111111 !important;
    margin: 15px 0 !important;
    letter-spacing: -0.02em;
}
.bi-news-sub { font-size: 1rem !important; color: #555555; max-width: 520px; line-height: 1.5; }

/* GRID DE ARTIGOS */
.bi-news-grid-posts {
    max-width: 1200px;
    margin: 0 auto 60px auto;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

.bi-news-card {
    background-color: #fffdfa !important;
    border: 1px solid #e8e3db;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.bi-news-img-thumb {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
}

.bi-news-card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bi-news-card-tag {
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #C40061 !important;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.bi-news-card-body h3 {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: 1.45rem !important;
    line-height: 1.35 !important;
    color: #111111 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 400 !important;
    flex-grow: 1;
}

.bi-news-card-date {
    font-size: 0.75rem !important;
    color: #999999 !important;
    font-weight: 500;
}

/* BARRA DE CAPTURA PRETA DA NEWSLETTER */
.bi-newsletter-bar {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #111111 !important;
    background: #111111 !important;
    padding: 40px 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 2px;
    flex-wrap: wrap;
    gap: 30px;
}

.bi-news-bar-brand {
    display: flex;
    align-items: center;
    gap: 35px;
}

.bi-news-logo-vertical {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    line-height: 0.9;
    font-weight: 900;
    color: #262626 !important; /* Estilizado escuro de fundo como o original */
    text-transform: none;
    user-select: none;
}

.bi-news-bar-text h4 {
    font-family: "Playfair Display", serif !important;
    color: #ffffff !important;
    font-size: 1.7rem !important;
    margin: 0 0 5px 0 !important;
    font-weight: 400;
}

.bi-news-bar-text p {
    color: #888888 !important;
    font-size: 0.85rem !important;
    margin: 0 !important;
}

/* FORMULÁRIO E INPUT DO MAILCHIMP */
.bi-news-form-container {
    flex-grow: 1;
    max-width: 480px;
}

.bi-news-input-wrapper {
    display: flex;
    border: 1px solid #333333;
    padding: 6px;
    background-color: transparent;
    align-items: center;
}

.bi-news-email-field {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 10px 15px !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    width: 100%;
    box-shadow: none !important;
}

.bi-news-email-field::placeholder {
    color: #555555;
}

.bi-news-submit-btn {
    background-color: #C40061 !important;
    background: #C40061 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 28px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    border-radius: 2px;
    white-space: nowrap;
    transition: background 0.2s;
}

.bi-news-submit-btn:hover {
    background-color: #a0004f !important;
}

/* RESPONSIVIDADE */
@media (max-width: 950px) {
    .bi-news-grid-posts { grid-template-columns: 1fr !important; gap: 25px !important; }
    .bi-newsletter-bar { flex-direction: column; align-items: stretch; padding: 30px; }
    .bi-news-bar-brand { flex-direction: column; align-items: flex-start; gap: 20px; }
    .bi-news-form-container { max-width: 100%; }
}