/* V182 — correção final dos banners internos.
   Títulos e subtítulos escuros, centralizados e totalmente abaixo do header fixo.
   Também garante o CTA "Fale com um analista" invertido conforme o padrão solicitado. */

:root{
    --jla-internal-banner-ink:#16344f;
    --jla-internal-banner-muted:#587188;
    --jla-internal-banner-line:#d1e2ee;
    --jla-internal-banner-bg-1:#f9fcff;
    --jla-internal-banner-bg-2:#edf6fb;
    --jla-internal-banner-bg-3:#dfeef8;
}

/* Banners principais das páginas internas */
.page-hero-premium,
.page-hero-premium--support,
.page-hero-premium--about{
    position:relative!important;
    overflow:hidden!important;
    min-height:0!important;
    padding:190px 0 54px!important;
    background:
        radial-gradient(circle at 80% 18%,rgba(85,154,204,.18),transparent 34%),
        radial-gradient(circle at 16% 82%,rgba(111,177,214,.14),transparent 36%),
        linear-gradient(115deg,var(--jla-internal-banner-bg-1) 0%,var(--jla-internal-banner-bg-2) 52%,var(--jla-internal-banner-bg-3) 100%)!important;
    background-color:var(--jla-internal-banner-bg-2)!important;
    color:var(--jla-internal-banner-ink)!important;
    border-bottom:1px solid var(--jla-internal-banner-line)!important;
}

.page-hero-premium .page-hero-layout,
.page-hero-premium .page-hero-layout--solo,
.page-hero-premium--support .page-hero-layout{
    position:relative!important;
    z-index:2!important;
    min-height:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding-inline:clamp(20px,3vw,38px)!important;
    text-align:center!important;
}

.page-hero-premium .page-hero-content,
.page-hero-premium .page-hero-layout > div:first-child,
.page-hero-premium .page-hero-layout--solo > div:first-child{
    width:min(100%,1160px)!important;
    max-width:1160px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:visible!important;
}

.page-hero-premium .page-hero-content > .eyebrow,
.page-hero-premium .page-hero-layout > div:first-child > .eyebrow{
    display:none!important;
}

.page-hero-premium .page-hero-layout h1,
.page-hero-premium .page-hero-layout h1.site-banner-title,
.page-hero-premium .site-banner-title{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto 12px!important;
    padding:0!important;
    color:var(--jla-internal-banner-ink)!important;
    font-size:clamp(32px,3.15vw,46px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
    text-wrap:balance;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

.page-hero-premium .page-hero-layout p,
.page-hero-premium .page-hero-content > p{
    width:min(100%,840px)!important;
    max-width:840px!important;
    margin:0 auto!important;
    padding:0!important;
    color:var(--jla-internal-banner-muted)!important;
    font-size:clamp(13px,1.15vw,16px)!important;
    line-height:1.62!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
    text-wrap:pretty;
    overflow:visible!important;
}

/* Sobre Nós usa o carrossel como banner principal. */
.about-message-carousel{
    padding-top:190px!important;
}
.about-message-slide h2{
    color:var(--jla-internal-banner-ink)!important;
    text-shadow:none!important;
    opacity:1!important;
}
.about-message-slide p{
    color:var(--jla-internal-banner-muted)!important;
    opacity:1!important;
}

/* Acesso remoto: mesmo padrão claro dos demais banners internos. */
.remote-access-hero{
    position:relative!important;
    overflow:hidden!important;
    padding:190px 0 54px!important;
    background:
        radial-gradient(circle at 80% 18%,rgba(85,154,204,.18),transparent 34%),
        radial-gradient(circle at 16% 82%,rgba(111,177,214,.14),transparent 36%),
        linear-gradient(115deg,var(--jla-internal-banner-bg-1) 0%,var(--jla-internal-banner-bg-2) 52%,var(--jla-internal-banner-bg-3) 100%)!important;
    color:var(--jla-internal-banner-ink)!important;
    border-bottom:1px solid var(--jla-internal-banner-line)!important;
}
.remote-access-hero__inner{
    max-width:900px!important;
    margin:0 auto!important;
    padding-inline:clamp(20px,3vw,38px)!important;
    text-align:center!important;
}
.remote-access-hero__inner > .eyebrow{display:none!important}
.remote-access-hero h1,
.remote-access-hero .site-banner-title{
    max-width:860px!important;
    margin:0 auto 12px!important;
    color:var(--jla-internal-banner-ink)!important;
    font-size:clamp(32px,3.15vw,46px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
}
.remote-access-hero p{
    max-width:720px!important;
    margin:0 auto!important;
    color:var(--jla-internal-banner-muted)!important;
    font-size:clamp(13px,1.15vw,16px)!important;
    line-height:1.62!important;
    text-align:center!important;
    opacity:1!important;
}
.remote-access-hero .remote-back{
    margin-top:18px!important;
    color:#1a344f!important;
}

/* CTA da página Suporte — fundo branco, texto e borda azul, sem regra global sobrescrevendo. */
.site-body main .support-v179-analyst-button,
.site-body main .support-v179-analyst-button:link,
.site-body main .support-v179-analyst-button:visited{
    background:#fff!important;
    background-image:none!important;
    border:2px solid #1a344f!important;
    color:#1a344f!important;
    box-shadow:0 12px 28px rgba(26,52,79,.10)!important;
}
.site-body main .support-v179-analyst-button .button-icon,
.site-body main .support-v179-analyst-button .button-icon *,
.site-body main .support-v179-analyst-button svg,
.site-body main .support-v179-analyst-button svg *{
    color:#1a344f!important;
    fill:currentColor!important;
    stroke:currentColor!important;
}
.site-body main .support-v179-analyst-button:hover,
.site-body main .support-v179-analyst-button:focus-visible{
    background:#f7fafc!important;
    background-image:none!important;
    border-color:#1a344f!important;
    color:#1a344f!important;
}

@media (max-width:900px){
    .page-hero-premium,
    .page-hero-premium--support,
    .page-hero-premium--about,
    .remote-access-hero{
        padding:138px 0 44px!important;
    }
    .about-message-carousel{padding-top:138px!important}
    .page-hero-premium .page-hero-layout h1,
    .page-hero-premium .site-banner-title,
    .remote-access-hero h1,
    .remote-access-hero .site-banner-title{
        font-size:clamp(30px,5.8vw,40px)!important;
        line-height:1.1!important;
        margin-bottom:11px!important;
    }
    .page-hero-premium .page-hero-layout p,
    .page-hero-premium .page-hero-content > p,
    .remote-access-hero p{
        max-width:680px!important;
        font-size:13.5px!important;
        line-height:1.6!important;
    }
}

@media (max-width:620px){
    .page-hero-premium,
    .page-hero-premium--support,
    .page-hero-premium--about,
    .remote-access-hero{
        padding:118px 0 36px!important;
    }
    .about-message-carousel{padding-top:118px!important}
    .page-hero-premium .page-hero-layout,
    .page-hero-premium .page-hero-layout--solo,
    .remote-access-hero__inner{
        padding-inline:18px!important;
    }
    .page-hero-premium .page-hero-layout h1,
    .page-hero-premium .site-banner-title,
    .remote-access-hero h1,
    .remote-access-hero .site-banner-title{
        max-width:100%!important;
        font-size:clamp(27px,8vw,33px)!important;
        line-height:1.1!important;
        letter-spacing:-.03em!important;
    }
    .page-hero-premium .page-hero-layout p,
    .page-hero-premium .page-hero-content > p,
    .remote-access-hero p{
        max-width:100%!important;
        font-size:12.8px!important;
        line-height:1.58!important;
    }
    .site-body main .support-v179-analyst-button{
        width:100%!important;
    }
}

@media (max-width:390px){
    .page-hero-premium,
    .page-hero-premium--support,
    .page-hero-premium--about,
    .remote-access-hero{
        padding:108px 0 32px!important;
    }
    .about-message-carousel{padding-top:108px!important}
    .page-hero-premium .page-hero-layout h1,
    .page-hero-premium .site-banner-title,
    .remote-access-hero h1,
    .remote-access-hero .site-banner-title{
        font-size:27px!important;
    }
}