/* V82.1 - Correção real da posição da hero da home
   Escopo: somente index/home hero. Não altera header/menu global. */

/* O header da home deve ser somente a barra de menu; a hero fica no bloco logo abaixo. */
html body .wrapper > header.header.header-main#home-top,
html body .wrapper > .header.header-main#home-top{
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#03080e!important;
  background-image:none!important;
}
html body .wrapper > header.header.header-main#home-top::after,
html body .wrapper > .header.header-main#home-top::after{
  content:none!important;
  display:none!important;
}
html body .wrapper > header.header.header-main#home-top .nav,
html body .wrapper > .header.header-main#home-top .nav{
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
}
html body .wrapper > header.header.header-main#home-top .nav > .content-area,
html body .wrapper > .header.header-main#home-top .nav > .content-area{
  height:74px!important;
  min-height:74px!important;
}

/* A hero começa imediatamente depois do menu, sem tela azul/vazia. */
html body .wrapper > section.v80-home-hero-shell#home-hero-visual{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:calc(100vh - 74px)!important;
  height:calc(100vh - 74px)!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#03080e url('../images/v82-1-home-hero-real-position-fix-icarus-hero.jpg') center center/cover no-repeat!important;
  transform:none!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 42%,rgba(120,80,255,.14),transparent 34%),linear-gradient(180deg,rgba(2,6,12,.10) 0%,rgba(2,6,12,.18) 52%,rgba(2,6,12,.72) 100%)!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#03080e url('../images/v82-1-home-hero-real-position-fix-icarus-hero.jpg') center center/cover no-repeat!important;
  transform:none!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-media__video,
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-media__image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.035)!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-media__video{
  opacity:1!important;
  visibility:visible!important;
  filter:saturate(1.06) contrast(1.05) brightness(.82)!important;
}

/* Conteúdo da hero sempre dentro da primeira dobra da tela. */
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .header__box.roi-hero-art-wrap{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(18px,3vh,38px) 20px clamp(30px,5vh,62px)!important;
  transform:none!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .header__content.roi-hero-art{
  position:relative!important;
  z-index:6!important;
  width:min(1100px,92vw)!important;
  max-width:1100px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-art__brand{
  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;
  transform:translateY(-8px)!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-art__logo{
  margin:0 auto 8px!important;
  width:auto!important;
  height:auto!important;
  max-height:58px!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-art__logo img{
  width:auto!important;
  max-width:104px!important;
  max-height:58px!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-art__eyebrow{
  margin:0 auto 12px!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-logo-title{
  width:min(900px,80vw)!important;
  max-width:900px!important;
  margin:0 auto 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-logo-title img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:min(38vh,380px)!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-subtitle{
  max-width:720px!important;
  margin:4px auto 0!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-divider{
  margin:14px auto 8px!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .roi-hero-status{
  margin:0 auto 18px!important;
}
html body .wrapper > section.v80-home-hero-shell#home-hero-visual .button.big{
  margin:0 auto!important;
}

@media (max-width:900px){
  html body .wrapper > section.v80-home-hero-shell#home-hero-visual{
    min-height:calc(100vh - 74px)!important;
    height:auto!important;
  }
  html body .wrapper > section.v80-home-hero-shell#home-hero-visual .header__box.roi-hero-art-wrap{
    min-height:calc(100vh - 74px)!important;
    padding:34px 16px 54px!important;
  }
  html body .wrapper > section.v80-home-hero-shell#home-hero-visual .hero-logo-title{
    width:92vw!important;
  }
}
