/* ============================================
   OVERRIDE _astro: 1 H1 com 96px; H2 com .h3 mantêm tamanhos por classe
   ============================================ */
body .sou-creator-hero-title-section h1.sou-creator-hero-h1,
body .sou-creator-hero-title-section .sou-creator-hero-h1 {
    font-size: clamp(48px, 8vw, 96px) !important;
    font-family: 'Lexend', Arial, sans-serif !important;
}

/* ============================================
   ESTILOS DO TÍTULO DA SEÇÃO (SOU CREATOR)
   ============================================ */

/* Remover rolagem do bloco "Creator / O match perfeito entre" */
.sou-creator-hero-title-section,
.sou-creator-hero-title-section .container-fluid,
.sou-creator-hero-title-section .row,
.sou-creator-hero-title-section .col,
.sou-creator-hero-title-section .col-auto,
.sou-creator-hero-title-section h1 {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Recuo: "Creator" e "O match perfeito entre" no primeiro bloco; "Creator" mais próximo da borda; "Marcas E Creators." alinhado com "O match..." */
:root {
    --sou-creator-hero-indent: clamp(8px, 2vw, 24px);
    /* Largura da coluna do label "Creator" + espaço entre colunas (39px + 9px) para alinhar "Marcas E Creators." com "O match perfeito entre" */
    --sou-creator-hero-label-gutter: 48px;
    --sou-creator-hero-label-width: 100px;
}
.sou-creator-hero-title-section .container-fluid {
    padding-left: var(--sou-creator-hero-indent) !important;
}
/* Padding-top do hero: 20px em todas as telas */
.sou-creator-hero-title-section .container-fluid.pt-105 {
    padding-top: 20px !important;
}
@media (max-width: 768px) {
    .sou-creator-hero-title-section .container-fluid.pt-105 {
        padding-top: 20px !important;
    }
}
@media (max-width: 425px) {
    .sou-creator-hero-title-section .container-fluid.pt-105 {
        padding-top: 20px !important;
    }
}
.sou-creator-hero-title-section .sou-creator-hero-title-row {
    margin-left: 0 !important;
}
/* Coluna "Creator" com largura fixa para o cálculo do alinhamento de "Marcas E Creators." */
.sou-creator-hero-title-section .sou-creator-hero-label-col {
    width: var(--sou-creator-hero-label-width) !important;
    min-width: var(--sou-creator-hero-label-width) !important;
    max-width: var(--sou-creator-hero-label-width) !important;
    flex: 0 0 var(--sou-creator-hero-label-width) !important;
    padding-right: 115px !important;
}

/* Título hero: "O match perfeito entre" e "Marcas E Creators." alinhados à esquerda */
.sou-creator-hero-title-section .sou-creator-hero-h1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.sou-creator-hero-title-section .sou-creator-hero-h1 .sou-creator-hero-line1,
.sou-creator-hero-title-section .sou-creator-hero-h1 .sou-creator-hero-line2 {
    display: block !important;
}
.sou-creator-hero-title-section .sou-creator-hero-h1 .sou-creator-hero-line2 {
    padding: 0 !important;
}

/* Coluna: sem padding-left (recuo só no título e no botão) — forçar sobre Bootstrap */
section .container.put-on-top-of-section .row .put-on-top-col,
.put-on-top-of-section .put-on-top-col.col-lg-8,
.container.put-on-top-of-section .col-lg-8.put-on-top-col,
.put-on-top-of-section .row .col-lg-8.col-md-8.put-on-top-col,
.put-on-top-of-section .col-lg-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* "Marcas E Creators." e botão: alinhados com "O match perfeito entre" (indent + largura da coluna "Creator" + gutter) */
#put-on-top-hero .put-on-top-of-section {
    padding-left: calc(var(--sou-creator-hero-indent) + var(--sou-creator-hero-label-width) + var(--sou-creator-hero-label-gutter)) !important;
    box-sizing: border-box !important;
}

/* Mobile: "Creator" acima do título */
@media (max-width: 991.98px) {
    .sou-creator-hero-title-section .sou-creator-hero-title-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .sou-creator-hero-title-section .sou-creator-hero-label-col {
        order: 1 !important;
        padding-right: 0 !important;
        margin-bottom: 8px !important;
    }
    .sou-creator-hero-title-section .sou-creator-hero-title-col {
        order: 2 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
}

.area-title-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 57px !important;
    align-items: baseline !important;
    padding-left: 0 !important;
    margin-left: 10px !important;
    width: 100% !important;
}
 /* Garantir que elementos filhos não sejam afetados por flex-direction column */
.area-title-wrapper > * {
    flex-direction: row !important;
}
 .area-title-label {
    flex-shrink: 0 !important;
    width: auto !important;
    display: inline-block !important;
}
 .area-title-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}
 /* Sobrescrever qualquer CSS que possa estar forçando coluna */
.row .area-title-wrapper,
.col-12.area-title-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}
 /* Estilo para o título principal "O match perfeito entre Marcas e Creators." */
.container.d-flex.align-items-center h1,
.container.d-flex.align-items-center .row h1 {
    font-family: 'Lexend', Arial, sans-serif !important;
    font-size: clamp(48px, 8vw, 96px) !important;
    font-weight: 300 !important;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffffff;
    margin: 0;
    padding: 0;
    transition: font-size 0.3s ease !important;
}
 h2.solucoes-section-title,
h4.solucoes-section-title,
h2.solucoes-section-title.h1,
h2.solucoes-section-title.h2,
h4.solucoes-section-title.h1,
h4.solucoes-section-title.h2,
.solucoes-section-title,
.solucoes-section-title.h2,
.solucoes-section-title.h1 {
    font-family: 'Lexend', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal;
    font-size: 64px !important;
    line-height: 85% !important;
    letter-spacing: -0.05em !important;
    text-align: left !important;
    background: linear-gradient(180deg, #8EFFF7 0%, #FD75FD 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
 /* Estilos para a seção Campanhas Customizadas */
.solucoes-campanhas-row {
    padding-top: 60px;
    align-items: flex-start !important;
    margin-left: 135px;
    margin-right: 135px;
    box-sizing: border-box;
}
 .solucoes-campanhas-row-2 {
    padding-top: 0px;
    align-items: flex-start !important;
    margin-left: 135px;
    margin-right: 135px;
    box-sizing: border-box;
}
 /* Responsividade para o título principal */
@media (max-width: 1400px) {
    .container.d-flex.align-items-center h1,
    .container.d-flex.align-items-center .row h1 {
        font-size: 72px !important;
    }
}
 /* Responsividade para solucoes-campanhas-row */
@media (max-width: 992px) {
    .container.d-flex.align-items-center h1,
    .container.d-flex.align-items-center .row h1 {
        font-size: 56px !important;
    }
     .solucoes-campanhas-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 32px !important;
    }
    /* Título + imagem + texto mais próximos no mobile */
    .solucoes-campanhas-row > .col-md-6:first-child img.img-fluid,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child img.hero-logo {
        margin-top: 24px !important;
    }
    /* Título mais próximo da imagem (carousel) no mobile */
    .solucoes-campanhas-row > .col-md-6:first-child .carousel,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child .carousel {
        margin-top: 20px !important;
    }
    .solucoes-campanhas-row .solucoes-campanhas-text-col {
        padding-top: 12px !important;
    }
    .solucoes-campanhas-intro {
        margin-top: 24px !important;
    }
    .solucoes-campanhas-list {
        margin-top: 20px !important;
    }
     .solucoes-campanhas-row-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
 @media (max-width: 768px) {
    .container.d-flex.align-items-center h1,
    .container.d-flex.align-items-center .row h1 {
        font-size: clamp(36px, 6vw, 48px) !important;
    }
     .solucoes-campanhas-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 24px !important;
    }
    .solucoes-campanhas-row > .col-md-6:first-child img.img-fluid,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child img.hero-logo {
        margin-top: 16px !important;
    }
    .solucoes-campanhas-row > .col-md-6:first-child .carousel,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child .carousel {
        margin-top: 14px !important;
    }
    .solucoes-campanhas-row .solucoes-campanhas-text-col {
        padding-top: 8px !important;
    }
    .solucoes-campanhas-intro {
        margin-top: 20px !important;
    }
    .solucoes-campanhas-list {
        margin-top: 16px !important;
    }
     .solucoes-campanhas-row-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
 @media (max-width: 576px) {
    .container.d-flex.align-items-center h1,
    .container.d-flex.align-items-center .row h1 {
        font-size: clamp(32px, 6vw, 42px) !important;
    }
}
 @media (max-width: 480px) {
    .container.d-flex.align-items-center h1,
    .container.d-flex.align-items-center .row h1 {
        font-size: clamp(28px, 6vw, 36px) !important;
    }
     .solucoes-campanhas-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 16px !important;
    }
    .solucoes-campanhas-row > .col-md-6:first-child img.img-fluid,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child img.hero-logo {
        margin-top: 12px !important;
    }
    .solucoes-campanhas-row > .col-md-6:first-child .carousel,
    .solucoes-campanhas-row > .col-12.col-md-6:first-child .carousel {
        margin-top: 10px !important;
    }
    .solucoes-campanhas-row .solucoes-campanhas-text-col {
        padding-top: 6px !important;
    }
    .solucoes-campanhas-intro {
        margin-top: 16px !important;
    }
    .solucoes-campanhas-list {
        margin-top: 14px !important;
    }
     .solucoes-campanhas-row-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
 .solucoes-campanhas-text-col {
    padding-left: 32px;
}
/* Coluna de texto à direita: padding-top 100px só no desktop (no mobile fica sem) */
@media (min-width: 992px) {
    .solucoes-campanhas-text-col-right {
        padding-top: 100px !important;
    }
}
 .solucoes-campanhas-title {
    margin-top: 0 !important;
}
 /* Garantir que a imagem fique alinhada ao topo */
.solucoes-campanhas-row .col-md-6:last-child {
    display: flex;
    align-items: flex-start;
}
 .solucoes-campanhas-row .col-md-6:last-child .carousel {
    width: 100%;
}
 .solucoes-campanhas-intro {
    font-family: 'Lexend', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    font-size: 24px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    margin-top: 56px !important;
    margin-bottom: 0;
}
 .solucoes-campanhas-list {
    margin-top: 32px !important;
    margin-bottom: 0;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
 .solucoes-campanhas-list li {
    color: #B0B0B0;
    margin-bottom: 24px !important;
}
 .solucoes-campanhas-list li:last-child {
    margin-bottom: 0 !important;
}
 .solucoes-campanhas-list li p {
    color: #B0B0B0 !important;
    font-family: 'Lexend', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0;
    padding: 0;
}
 .solucoes-campanhas-list li svg {
    fill: #B0B0B0 !important;
    margin-right: 8px;
}
/* CTAs da /sou-creator/: H2 em 30px — especificidade maior que _astro h2:not(.h1):not(.h3):not(.h4):not(.h5) { 96px } */
body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title {
    font-size: 30px !important;
}
.solucoes-cta-section .solucoes-campanhas-cta-title,
.solucoes-cta-section h2.solucoes-campanhas-cta-title {
    font-size: 30px !important;
}
/* Remover margin-top da section seguinte para evitar faixa branca */
section.solucoes-cta-section + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
 section.solucoes-cta-section + section.mt-5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
 /* Garantir que container-fluid após solucoes-cta-section não tenha padding-top */
section.solucoes-cta-section + section .container-fluid {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
 /* Garantir que parágrafo e lista fiquem um abaixo do outro */
#insights .solucoes-campanhas-text-col {
    display: block !important;
    flex-direction: column !important;
}
 #insights .solucoes-campanhas-intro {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
 #insights .solucoes-campanhas-list {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    flex-direction: column !important;
}
 #insights,
#insights .container-fluid,
#insights .row,
#insights .col-md-5,
#insights .col-md-6,
#insights .col-md-7 {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}
 #insights h4.solucoes-section-title {
    overflow: visible !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    line-height: 1.3 !important;
    padding-bottom: 0.3em !important;
    margin-bottom: 0 !important;
}

/* ============================================
   Navbar sou-creator: preto no topo, transparente ao rolar (igual home)
   ============================================ */
body.nav-theme-dark > nav.navbar[aria-label="air"]:not(.offcanvas) {
    background: #000000 !important;
    background-color: #000000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.nav-theme-dark.navbar-scrolled > nav.navbar[aria-label="air"]:not(.offcanvas) {
    background: rgba(0, 0, 0, 0.25) !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
}

/* Em telas maiores: navbar sempre com blur (evita que o blur não apareça no desktop) */
@media (min-width: 992px) {
    body.nav-theme-dark > nav.navbar[aria-label="air"]:not(.offcanvas),
    body.nav-theme-dark.navbar-scrolled > nav.navbar[aria-label="air"]:not(.offcanvas) {
        background: rgba(0, 0, 0, 0.25) !important;
        background-color: rgba(0, 0, 0, 0.25) !important;
        backdrop-filter: blur(40px) !important;
        -webkit-backdrop-filter: blur(40px) !important;
    }
}

/* Recuo único da página (hero, CTA e seções Meu Air / Connect) */
.sou-creator-content-margin {
    padding-left: clamp(16px, 5vw, 65px) !important;
    padding-right: clamp(16px, 5vw, 65px) !important;
}
@media (max-width: 992px) {
    .sou-creator-content-margin {
        padding-left: clamp(16px, 5vw, 60px) !important;
        padding-right: clamp(16px, 4vw, 48px) !important;
    }
}
@media (max-width: 768px) {
    .sou-creator-content-margin {
        padding-left: clamp(16px, 3vw, 32px) !important;
        padding-right: clamp(16px, 2vw, 24px) !important;
    }
}
@media (max-width: 576px) {
    .sou-creator-content-margin {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* CTAs: mesmo recuo que "Meu Air" (recuo + gutter da grid para alinhar com o título) */
.sou-creator-cta-align {
    margin-left: calc(clamp(62px, 20vw, 105px) + 12px) !important;
    margin-right: clamp(16px, 5vw, 65px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 992px) {
    .sou-creator-cta-align {
        margin-left: calc(clamp(16px, 5vw, 60px) + 12px) !important;
        margin-right: clamp(16px, 4vw, 48px) !important;
    }
}
@media (max-width: 768px) {
    .sou-creator-cta-align {
        margin-left: calc(clamp(16px, 3vw, 32px) + 12px) !important;
        margin-right: clamp(16px, 2vw, 24px) !important;
    }
}
@media (max-width: 576px) {
    .sou-creator-cta-align {
        margin-left: 28px !important; /* 16px + 12px gutter */
        margin-right: 16px !important;
    }
}

/* Footer: alinhar segunda linha (RH, Mídia, Imprensa, Redes sociais) — primeiro bloco com altura mínima igual */
.footer-container-sou-creator .footer-col > .footer-block:nth-of-type(1) {
    min-height: 165px !important;
}

/* Footer: mais distância entre a section CTA (gradiente) e o título "Contato" */
.footer-container-sou-creator .footer-contact-title {
    margin-top: 155px !important;
}
@media (max-width: 992px) {
    .footer-container-sou-creator .footer-contact-title {
        margin-top: 80px !important;
    }
}
@media (max-width: 768px) {
    .footer-container-sou-creator .footer-contact-title {
        margin-top: 60px !important;
    }
}
@media (max-width: 480px) {
    .footer-container-sou-creator .footer-contact-title {
        margin-top: 40px !important;
    }
}

/* Conteúdos para você: título e links em preto (igual Home e Soluções) */
.footer-content-title {
    color: #000000 !important;
}
.footer-content-link {
    color: #000000 !important;
}

/* CTAs /sou-creator/: manter 30px em todos os breakpoints (vence _astro 96px e solucoes.css) */
@media (max-width: 1400px) {
    body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title,
    .solucoes-cta-section .solucoes-campanhas-cta-title,
    .solucoes-cta-section h2.solucoes-campanhas-cta-title {
        font-size: 30px !important;
    }
}
@media (max-width: 1200px) {
    body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title,
    .solucoes-cta-section .solucoes-campanhas-cta-title,
    .solucoes-cta-section h2.solucoes-campanhas-cta-title {
        font-size: 30px !important;
    }
}
@media (max-width: 992px) {
    body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title,
    .solucoes-cta-section .solucoes-campanhas-cta-title,
    .solucoes-cta-section h2.solucoes-campanhas-cta-title {
        font-size: 30px !important;
    }
}
@media (max-width: 768px) {
    body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title,
    .solucoes-cta-section .solucoes-campanhas-cta-title,
    .solucoes-cta-section h2.solucoes-campanhas-cta-title {
        font-size: 30px !important;
    }
}
@media (max-width: 480px) {
    body section.solucoes-cta-section .container-fluid .row .col-12.solucoes-cta-align-hero h2.solucoes-campanhas-cta-title,
    .solucoes-cta-section .solucoes-campanhas-cta-title,
    .solucoes-cta-section h2.solucoes-campanhas-cta-title {
        font-size: 30px !important;
    }
}