/* JLA V183 — padronização definitiva dos banners internos.
   Objetivo: manter todo o conteúdo do banner abaixo do header fixo,
   com tipografia escura, centralizada e sem qualquer texto branco/clipping. */

:root{
    --jla-v183-ink:#0d1f35;
    --jla-v183-muted:#425b72;
    --jla-v183-line:#d2e2ed;
    --jla-v183-bg-a:#f9fcff;
    --jla-v183-bg-b:#edf6fb;
    --jla-v183-bg-c:#deedf7;
}

/* Hero compartilhado das páginas internas */
.site-body main > .page-hero-premium,
.site-body main > .page-hero-premium.page-hero-premium--support,
.site-body main > .page-hero-premium.page-hero-premium--about{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:194px 0 44px!important;
    background:
        radial-gradient(circle at 82% 18%,rgba(87,154,201,.16),transparent 34%),
        radial-gradient(circle at 14% 82%,rgba(111,177,214,.11),transparent 38%),
        linear-gradient(115deg,var(--jla-v183-bg-a) 0%,var(--jla-v183-bg-b) 54%,var(--jla-v183-bg-c) 100%)!important;
    background-color:var(--jla-v183-bg-b)!important;
    color:var(--jla-v183-ink)!important;
    border-top:0!important;
    border-bottom:1px solid var(--jla-v183-line)!important;
}

.site-body main > .page-hero-premium::before,
.site-body main > .page-hero-premium::after{
    pointer-events:none!important;
}

.site-body main > .page-hero-premium .page-hero-grid{
    opacity:.12!important;
    z-index:0!important;
}

.site-body main > .page-hero-premium .page-hero-layout,
.site-body main > .page-hero-premium .page-hero-layout--solo,
.site-body main > .page-hero-premium.page-hero-premium--support .page-hero-layout{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--container)!important;
    min-height:0!important;
    height:auto!important;
    gap:0!important;
    margin-inline:auto!important;
    padding:0!important;
    text-align:center!important;
    transform:none!important;
}

.site-body main > .page-hero-premium .page-hero-content,
.site-body main > .page-hero-premium .page-hero-layout > div:first-child,
.site-body main > .page-hero-premium .page-hero-layout--solo > div:first-child{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:1160px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0 22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:visible!important;
    transform:none!important;
}

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

.site-body main > .page-hero-premium .page-hero-layout h1,
.site-body main > .page-hero-premium .page-hero-layout h1.site-banner-title,
.site-body main > .page-hero-premium h1.site-banner-title,
.site-body main > .page-hero-premium .site-banner-title{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    display:block!important;
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto 11px!important;
    padding:0!important;
    color:var(--jla-v183-ink)!important;
    font-size:30px!important;
    font-weight:700!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
    text-wrap:balance!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    transform:none!important;
}

.site-body main > .page-hero-premium .page-hero-layout p,
.site-body main > .page-hero-premium .page-hero-content > p,
.site-body main > .page-hero-premium .site-banner-text{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:900px!important;
    margin:0 auto!important;
    padding:0!important;
    color:var(--jla-v183-muted)!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.58!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
    overflow:visible!important;
    transform:none!important;
}

.site-body main > .page-hero-premium .page-hero-visual{
    display:none!important;
}

/* Sobre Nós: o carrossel é o banner principal dessa página. */
.site-body main > .about-message-carousel{
    position:relative!important;
    margin:0!important;
    padding:194px 0 26px!important;
    background:linear-gradient(180deg,var(--jla-v183-bg-a) 0%,var(--jla-v183-bg-b) 100%)!important;
    border-top:0!important;
    border-bottom:1px solid var(--jla-v183-line)!important;
}
.site-body main > .about-message-carousel .about-message-carousel__inner{
    position:relative!important;
    z-index:2!important;
}
.site-body main > .about-message-carousel .about-message-slide h2{
    color:var(--jla-v183-ink)!important;
    text-shadow:none!important;
    opacity:1!important;
}
.site-body main > .about-message-carousel .about-message-slide p{
    color:var(--jla-v183-muted)!important;
    text-shadow:none!important;
    opacity:1!important;
}

/* Acesso remoto: hero próprio, padronizado com os demais. */
.site-body main > .remote-access-hero{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:194px 0 44px!important;
    background:
        radial-gradient(circle at 82% 18%,rgba(87,154,201,.16),transparent 34%),
        radial-gradient(circle at 14% 82%,rgba(111,177,214,.11),transparent 38%),
        linear-gradient(115deg,var(--jla-v183-bg-a) 0%,var(--jla-v183-bg-b) 54%,var(--jla-v183-bg-c) 100%)!important;
    color:var(--jla-v183-ink)!important;
    border-bottom:1px solid var(--jla-v183-line)!important;
}
.site-body main > .remote-access-hero .remote-access-hero__inner{
    max-width:1120px!important;
    margin:0 auto!important;
    padding:0 22px!important;
    text-align:center!important;
}
.site-body main > .remote-access-hero .eyebrow{display:none!important}
.site-body main > .remote-access-hero h1,
.site-body main > .remote-access-hero h1.site-banner-title,
.site-body main > .remote-access-hero .site-banner-title{
    max-width:1000px!important;
    margin:0 auto 11px!important;
    color:var(--jla-v183-ink)!important;
    font-size:30px!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
    text-shadow:none!important;
    opacity:1!important;
    transform:none!important;
}
.site-body main > .remote-access-hero p{
    max-width:820px!important;
    margin:0 auto!important;
    color:var(--jla-v183-muted)!important;
    font-size:15px!important;
    line-height:1.58!important;
    text-align:center!important;
    opacity:1!important;
}
.site-body main > .remote-access-hero .remote-back{
    margin-top:18px!important;
    color:#1a344f!important;
}

/* Suporte: CTA exatamente no padrão pedido, sem herdar o botão azul global. */
.site-body main a.support-v179-analyst-button,
.site-body main a.support-v179-analyst-button:link,
.site-body main a.support-v179-analyst-button:visited{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:min(100%,360px)!important;
    min-height:50px!important;
    padding:0 24px!important;
    border:2px solid #1a344f!important;
    border-radius:13px!important;
    background:#fff!important;
    background-image:none!important;
    color:#1a344f!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
.site-body main a.support-v179-analyst-button .button-icon,
.site-body main a.support-v179-analyst-button .button-icon *,
.site-body main a.support-v179-analyst-button svg,
.site-body main a.support-v179-analyst-button svg *{
    color:#1a344f!important;
    fill:currentColor!important;
    stroke:currentColor!important;
}
.site-body main a.support-v179-analyst-button:hover,
.site-body main a.support-v179-analyst-button:focus-visible{
    background:#f6f9fc!important;
    background-image:none!important;
    border-color:#1a344f!important;
    color:#1a344f!important;
    box-shadow:none!important;
}

@media (min-width:1800px){
    .site-body main > .page-hero-premium,
    .site-body main > .page-hero-premium.page-hero-premium--support,
    .site-body main > .page-hero-premium.page-hero-premium--about,
    .site-body main > .remote-access-hero{
        padding-top:208px!important;
    }
    .site-body main > .about-message-carousel{padding-top:208px!important}
}

@media (max-width:900px){
    .site-body main > .page-hero-premium,
    .site-body main > .page-hero-premium.page-hero-premium--support,
    .site-body main > .page-hero-premium.page-hero-premium--about,
    .site-body main > .remote-access-hero{
        padding:122px 0 38px!important;
    }
    .site-body main > .about-message-carousel{padding:122px 0 22px!important}
    .site-body main > .page-hero-premium .page-hero-layout h1,
    .site-body main > .page-hero-premium .page-hero-layout h1.site-banner-title,
    .site-body main > .page-hero-premium .site-banner-title,
    .site-body main > .remote-access-hero h1,
    .site-body main > .remote-access-hero .site-banner-title{
        font-size:clamp(29px,5.5vw,38px)!important;
        line-height:1.12!important;
    }
}

@media (max-width:620px){
    .site-body main > .page-hero-premium,
    .site-body main > .page-hero-premium.page-hero-premium--support,
    .site-body main > .page-hero-premium.page-hero-premium--about,
    .site-body main > .remote-access-hero{
        padding:112px 0 32px!important;
    }
    .site-body main > .about-message-carousel{padding:112px 0 18px!important}
    .site-body main > .page-hero-premium .page-hero-content,
    .site-body main > .page-hero-premium .page-hero-layout > div:first-child,
    .site-body main > .remote-access-hero .remote-access-hero__inner{
        padding-inline:16px!important;
    }
    .site-body main > .page-hero-premium .page-hero-layout h1,
    .site-body main > .page-hero-premium .site-banner-title,
    .site-body main > .remote-access-hero h1,
    .site-body main > .remote-access-hero .site-banner-title{
        font-size:clamp(27px,8vw,32px)!important;
        line-height:1.12!important;
    }
    .site-body main > .page-hero-premium .page-hero-layout p,
    .site-body main > .page-hero-premium .page-hero-content > p,
    .site-body main > .remote-access-hero p{
        font-size:13px!important;
        line-height:1.55!important;
    }
    .site-body main a.support-v179-analyst-button{
        width:100%!important;
        min-width:0!important;
    }
}


/* JLA V185 — ajuste fino da tipografia do banner principal */
@media (max-width:900px){
    .site-body main > .page-hero-premium h1.site-banner-title,
    .site-body main > .remote-access-hero h1.site-banner-title{font-size:28px!important;}
}
@media (max-width:620px){
    .site-body main > .page-hero-premium h1.site-banner-title,
    .site-body main > .remote-access-hero h1.site-banner-title{font-size:24px!important;}
}