/* V20 — HERO FULL-BLEED DEFINITIVA
   Padrão-mestre: Home principal.
   A imagem ocupa a Hero inteira como camada visual integrada, com fade/transparência para o fundo navy.
   Nenhuma miniatura/card lateral. */

:root{
  --v20-hero-min: 520px;
  --v20-hero-top: 28px;
  --v20-hero-bottom: 32px;
}

body.gm-v18-page .gm-v18-hero{
  position:relative!important;
  min-height:var(--v20-hero-min)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#02173D!important;
  background-image:none!important;
}

/* CAMADA DE IMAGEM: ocupa a Hero inteira e se dissolve no navy */
body.gm-v18-page .gm-v18-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-position:right center!important;
  background-size:cover!important;
  opacity:.96!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.40) 43%,rgba(0,0,0,.92) 61%,#000 78%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.40) 43%,rgba(0,0,0,.92) 61%,#000 78%,#000 100%)!important;
}

/* Overlay de legibilidade, mantendo a arte visível */
body.gm-v18-page .gm-v18-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  height:auto!important;
  background:
    linear-gradient(90deg,#02173D 0%,rgba(2,23,61,.995) 29%,rgba(2,23,61,.88) 45%,rgba(2,23,61,.42) 63%,rgba(2,23,61,.10) 82%,rgba(2,23,61,.05) 100%),
    linear-gradient(180deg,rgba(2,23,61,.02) 0%,rgba(2,23,61,.04) 78%,rgba(2,23,61,.45) 100%)!important;
}

/* Imagens específicas — sempre por tema */
body.page-diagnostico .gm-v18-hero::before{background-image:url('../diagnostico-executivo.webp')!important}
body.page-ciot .gm-v18-hero::before{background-image:url('../ciot-report-transparent.webp')!important}
body.page-embarcadores .gm-v18-hero::before{background-image:url('../special-warehouse-racks.webp')!important}
body.page-conseguir-clientes .gm-v18-hero::before{background-image:url('../framework-img-05-homologacao.webp')!important}
body.page-associacoes .gm-v18-hero::before{background-image:url('../palestras-hero-integrated.webp')!important}
body.page-palestras .gm-v18-hero::before{background-image:url('../palestras-hero-integrated.webp')!important}
body.page-treinamentos .gm-v18-hero::before{background-image:url('../treinamentos-hero-integrated.webp')!important}
body.page-consultoria .gm-v18-hero::before{background-image:url('../consultoria-hero-integrated.webp')!important}
body.page-mentoria .gm-v18-hero::before{background-image:url('../mentoria-hero-integrated.webp')!important}
body.page-patrocinio .gm-v18-hero::before{background-image:url('../patrocinio-hero-integrated.webp')!important}
body.page-sobre .gm-v18-hero::before{background-image:url('../sobre-hero-apresentacao.webp')!important}
body.page-course-abrir .gm-v18-hero::before{background-image:url('../curso-abrir-bg-hero.webp')!important}
body.page-course-estruturar .gm-v18-hero::before{background-image:url('../home-framework-hero.webp')!important}
body.page-para-voce .gm-v18-hero::before{background-image:url('../curso-abrir-bg-hero.webp')!important}
body.page-para-transportadoras .gm-v18-hero::before{background-image:url('../home-trucks-transparent.webp')!important}
body.page-framework .gm-v18-hero::before{background-image:url('../framework-hero-mockup-premium.webp')!important}
body.page-artigos .gm-v18-hero::before{background-image:url('../hero-artigos-dois-homens.webp')!important}
body.page-kit-ferramentas .gm-v18-hero::before{background-image:url('../card-kit-ferramentas.webp')!important}
body.page-cockpit .gm-v18-hero::before{background-image:url('../cockpit-margem-pro.png')!important}
body.page-desperdicios-ocultos .gm-v18-hero::before{background-image:url('../card-desperdicios-ocultos.webp')!important}
body.page-ferramenta-margem .gm-v18-hero::before{background-image:url('../card-margem-operacional.webp')!important}
body.page-precificacao .gm-v18-hero::before{background-image:url('../framework-img-03-rentabilidade.webp')!important}
body.page-radar-tributario .gm-v18-hero::before{background-image:url('../card-radar-tributario.webp')!important}
body.page-reforma-tributaria .gm-v18-hero::before{background-image:url('../card-reforma-tributaria.webp')!important}
body.page-simulador-frota .gm-v18-hero::before{background-image:url('../card-simulador-frota.webp')!important}
body.page-termometro .gm-v18-hero::before{background-image:url('../termometro-hero.webp')!important}

/* Artes transparentes/verticais: preserva o objeto completo, mas ainda como camada da Hero */
body.page-ciot .gm-v18-hero::before,
body.page-consultoria .gm-v18-hero::before,
body.page-mentoria .gm-v18-hero::before,
body.page-palestras .gm-v18-hero::before,
body.page-treinamentos .gm-v18-hero::before,
body.page-patrocinio .gm-v18-hero::before,
body.page-sobre .gm-v18-hero::before,
body.page-course-abrir .gm-v18-hero::before,
body.page-course-estruturar .gm-v18-hero::before,
body.page-para-voce .gm-v18-hero::before,
body.page-para-transportadoras .gm-v18-hero::before,
body.page-framework .gm-v18-hero::before,
body.page-artigos .gm-v18-hero::before{
  background-size:auto 108%!important;
  background-position:right center!important;
}

/* Estrutura: conteúdo alto, como na Home */
body.gm-v18-page .gm-v18-hero > .container,
body.gm-v18-page .gm-v18-hero > .gm-container,
body.gm-v18-page .gm-v18-hero > .mp-wrap,
body.gm-v18-page .gm-v18-hero > .sp-wrap,
body.gm-v18-page .gm-v18-hero > .pv-wrap,
body.gm-v18-page .gm-v18-hero .hero-grid,
body.gm-v18-page .gm-v18-hero .hero-grid-system{
  position:relative!important;
  z-index:3!important;
  width:min(1240px,calc(100% - 64px))!important;
  min-height:var(--v20-hero-min)!important;
  margin-inline:auto!important;
  padding:var(--v20-hero-top) 0 var(--v20-hero-bottom)!important;
  display:block!important;
}

body.gm-v18-page .gm-v18-hero-copy{
  position:relative!important;
  z-index:4!important;
  width:min(55%,650px)!important;
  max-width:650px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

body.gm-v18-page .gm-v18-hero h1{
  margin:14px 0 0!important;
  max-width:12.5ch!important;
  font-size:clamp(44px,4.25vw,62px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
  text-shadow:0 4px 20px rgba(0,0,0,.28)!important;
}
body.gm-v18-page .gm-v18-hero h1 span{color:#FF7D00!important}
body.gm-v18-page .gm-v18-hero-copy p,
body.gm-v18-page .gm-v18-hero-copy .mp-lead{
  margin:20px 0 0!important;
  max-width:600px!important;
  color:#DCE5F0!important;
  font-size:17px!important;
  line-height:1.55!important;
}

/* Visual interno antigo nunca aparece como card/miniatura */
body.gm-v18-page .gm-v18-hero-art,
body.gm-v18-page .gm-v18-hero .hero-visual,
body.gm-v18-page .gm-v18-hero .hero-image-shell,
body.gm-v18-page .gm-v18-hero .termometro-hero-card,
body.gm-v18-page .gm-v18-hero .framework-hero-stage,
body.gm-v18-page .gm-v18-hero .cockpit-hero-visual{
  display:none!important;
}

@media(max-width:980px){
  :root{--v20-hero-min:500px;--v20-hero-top:26px;--v20-hero-bottom:30px}
  body.gm-v18-page .gm-v18-hero::before{
    background-size:cover!important;
    background-position:65% center!important;
    opacity:.72!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 45%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 45%,#000 100%)!important;
  }
  body.gm-v18-page .gm-v18-hero::after{
    background:linear-gradient(90deg,#02173D 0%,rgba(2,23,61,.98) 52%,rgba(2,23,61,.74) 80%,rgba(2,23,61,.58) 100%)!important;
  }
  body.gm-v18-page .gm-v18-hero > .container,
  body.gm-v18-page .gm-v18-hero > .gm-container,
  body.gm-v18-page .gm-v18-hero > .mp-wrap,
  body.gm-v18-page .gm-v18-hero > .sp-wrap,
  body.gm-v18-page .gm-v18-hero > .pv-wrap,
  body.gm-v18-page .gm-v18-hero .hero-grid,
  body.gm-v18-page .gm-v18-hero .hero-grid-system{
    width:min(100% - 36px,760px)!important;
    min-height:var(--v20-hero-min)!important;
  }
  body.gm-v18-page .gm-v18-hero-copy{width:min(88%,650px)!important}
}

@media(max-width:640px){
  :root{--v20-hero-min:470px;--v20-hero-top:22px;--v20-hero-bottom:28px}
  body.gm-v18-page .gm-v18-hero::before{background-position:70% center!important;opacity:.48!important}
  body.gm-v18-page .gm-v18-hero::after{background:linear-gradient(90deg,#02173D 0%,rgba(2,23,61,.985) 72%,rgba(2,23,61,.82) 100%)!important}
  body.gm-v18-page .gm-v18-hero-copy{width:100%!important}
  body.gm-v18-page .gm-v18-hero h1{font-size:clamp(36px,11vw,48px)!important;line-height:1.02!important}
  body.gm-v18-page .gm-v18-hero-copy p{font-size:16px!important}
}