/* V119 — banners internos mais compactos + título em uma linha + menu ativo destacado */

:root{
  --jla-nav-active-bg: rgba(255,255,255,.10);
  --jla-nav-active-border: rgba(255,255,255,.18);
  --jla-nav-active-text: #ffffff;
}

/* Menu ativo mais evidente no desktop */
.site-header .main-menu > a:not(.nav-client-portal){
  border-radius: 12px !important;
  transition: color .22s ease, background-color .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.site-header .main-menu > a:not(.nav-client-portal).active{
  color: var(--jla-nav-active-text) !important;
  background: var(--jla-nav-active-bg) !important;
  box-shadow: inset 0 0 0 1px var(--jla-nav-active-border) !important;
}

.site-header .main-menu > a:not(.nav-client-portal).active::after,
.site-header .main-menu > a:not(.nav-client-portal):hover::after{
  left: 12px !important;
  right: 12px !important;
  bottom: 13px !important;
}

/* Banners internos: visual mais compacto e limpo */
.page-hero-premium,
.page-hero-premium--support,
.page-hero-premium--about{
  padding: 170px 0 42px !important;
}

.page-hero-premium .page-hero-layout > div:first-child,
.page-hero-premium .page-hero-layout--solo > div:first-child{
  max-width: 1320px !important;
}

.page-hero-premium .eyebrow,
.page-hero-premium .eyebrow--light{
  margin: 0 auto 6px !important;
}

.page-hero-premium .page-hero-layout h1,
.page-hero-premium .site-banner-title{
  max-width: none !important;
  margin: 6px auto 10px !important;
  font-size: clamp(26px, 3.25vw, 38px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

.page-hero-premium .page-hero-layout p{
  max-width: 980px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Sobre nós com o mesmo padrão dos demais banners */
.about-message-carousel{
  padding: 170px 0 22px !important;
}

.about-message-carousel__track{
  min-height: 172px !important;
}

.about-message-slide{
  padding: 10px 24px 14px !important;
}

.about-message-slide h2{
  max-width: none !important;
  margin: 4px auto 8px !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

.about-message-slide p{
  max-width: 920px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.about-message-carousel__controls{
  margin-top: 4px !important;
}

@media (max-width: 1199px){
  .page-hero-premium,
  .page-hero-premium--support,
  .page-hero-premium--about{
    padding: 158px 0 38px !important;
  }

  .page-hero-premium .page-hero-layout h1,
  .page-hero-premium .site-banner-title,
  .about-message-slide h2{
    font-size: clamp(24px, 3.2vw, 34px) !important;
  }
}

@media (max-width: 900px){
  .page-hero-premium,
  .page-hero-premium--support,
  .page-hero-premium--about{
    padding: 136px 0 34px !important;
  }

  .page-hero-premium .page-hero-layout h1,
  .page-hero-premium .site-banner-title,
  .about-message-slide h2{
    white-space: normal !important;
    text-wrap: pretty !important;
    max-width: 760px !important;
    font-size: clamp(28px, 5.4vw, 36px) !important;
    line-height: 1.12 !important;
  }

  .page-hero-premium .page-hero-layout p,
  .about-message-slide p{
    font-size: 14px !important;
  }

  .about-message-carousel{
    padding: 136px 0 22px !important;
  }

  .about-message-carousel__track{
    min-height: 196px !important;
  }
}

@media (max-width: 650px){
  .page-hero-premium,
  .page-hero-premium--support,
  .page-hero-premium--about{
    padding: 128px 0 28px !important;
  }

  .page-hero-premium .page-hero-layout h1,
  .page-hero-premium .site-banner-title,
  .about-message-slide h2{
    font-size: clamp(25px, 8vw, 32px) !important;
  }

  .page-hero-premium .page-hero-layout p,
  .about-message-slide p{
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
}