/* =========================================================
   CAREKA DIGITAL — V96 HERO VIDEO CLEAN
   Regras aplicadas:
   - vídeo cobre 100vw x 100vh com object-fit: cover;
   - sem imagem/poster/background repetido;
   - overlay escuro semitransparente;
   - apenas um container de conteúdo;
   - conteúdo alinhado à esquerda, centralizado verticalmente;
   - largura máxima ~640px;
   - CTA premium com cantos moderados.
   ========================================================= */

body .hero.ckHeroV96,
body section.hero.ckHeroV96,
body #hero.ckHeroV96{
  position:relative!important;
  width:100vw!important;
  min-width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0 clamp(22px, 6vw, 96px)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#020304!important;
  isolation:isolate!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Remove qualquer pseudo/background antigo do hero */
body .hero.ckHeroV96::before,
body .hero.ckHeroV96::after,
body #hero.ckHeroV96::before,
body #hero.ckHeroV96::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Vídeo full viewport atrás de tudo */
body .hero.ckHeroV96 > .hero-video,
body #hero.ckHeroV96 > .hero-video{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#020304!important;
  filter:saturate(1.02) contrast(1.04) brightness(.78)!important;
}

/* Overlay escuro semitransparente */
body .hero.ckHeroV96 > .hero-overlay,
body #hero.ckHeroV96 > .hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.40) 70%, rgba(0,0,0,.62) 100%),
    rgba(0,0,0,.55)!important;
  opacity:1!important;
  pointer-events:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Apenas um container de conteúdo */
body .hero.ckHeroV96 > .hero-content,
body #hero.ckHeroV96 > .hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(100%, 640px)!important;
  max-width:640px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:24px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body .hero.ckHeroV96 > .hero-content::before,
body .hero.ckHeroV96 > .hero-content::after{
  display:none!important;
  content:none!important;
}

/* Título */
body .hero.ckHeroV96 > .hero-content h1{
  margin:0!important;
  padding:0!important;
  color:#fff8ec!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(54px, 6.35vw, 118px)!important;
  line-height:.90!important;
  font-weight:900!important;
  letter-spacing:.018em!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
  max-width:11.5ch!important;
  text-shadow:0 20px 46px rgba(0,0,0,.48)!important;
}

body .hero.ckHeroV96 > .hero-content h1 span{
  color:#F5A623!important;
  background:linear-gradient(180deg,#ffd96e 0%,#F5A623 58%,#d97718 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Legenda */
body .hero.ckHeroV96 > .hero-content p{
  margin:0!important;
  padding:0!important;
  max-width:52ch!important;
  color:rgba(255,248,236,.86)!important;
  font-size:clamp(16px, 1.22vw, 22px)!important;
  line-height:1.55!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  text-shadow:0 14px 32px rgba(0,0,0,.42)!important;
}

/* CTA */
body .hero.ckHeroV96 > .hero-content .hero-cta{
  min-width:min(100%, 430px)!important;
  min-height:58px!important;
  padding:0 30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,214,108,.46)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffd765 0%,#F5A623 48%,#e7791f 100%)!important;
  color:#050505!important;
  box-shadow:0 24px 54px rgba(231,121,31,.28), inset 0 1px 0 rgba(255,255,255,.35)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:clamp(12px, .86vw, 15px)!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s cubic-bezier(.22,1,.36,1), filter .28s cubic-bezier(.22,1,.36,1)!important;
}

body .hero.ckHeroV96 > .hero-content .hero-cta:hover,
body .hero.ckHeroV96 > .hero-content .hero-cta:focus-visible{
  transform:translateY(-2px)!important;
  filter:saturate(1.05) brightness(1.03)!important;
  box-shadow:0 30px 68px rgba(231,121,31,.34), inset 0 1px 0 rgba(255,255,255,.40)!important;
}

/* Garante que classes legadas internas não apareçam caso algum cache antigo injete */
body .hero.ckHeroV96 .hero-video-layer,
body .hero.ckHeroV96 .ckFounderDockV24,
body .hero.ckHeroV96 .ckHeroV80__founder,
body .hero.ckHeroV96 .hero-prologue__frame,
body .hero.ckHeroV96 .hero-copy-main,
body .hero.ckHeroV96 .hero-copy-inner{
  display:none!important;
}

/* Responsivo */
@media (max-width: 860px){
  body .hero.ckHeroV96,
  body section.hero.ckHeroV96,
  body #hero.ckHeroV96{
    height:100svh!important;
    min-height:100svh!important;
    padding:0 clamp(24px, 6vw, 42px)!important;
    align-items:center!important;
  }

  body .hero.ckHeroV96 > .hero-video{
    height:100svh!important;
    min-height:100svh!important;
    object-position:center center!important;
  }

  body .hero.ckHeroV96 > .hero-content{
    width:100%!important;
    max-width:620px!important;
    gap:20px!important;
    transform:translateY(10px)!important;
  }

  body .hero.ckHeroV96 > .hero-content h1{
    font-size:clamp(48px, 14.2vw, 72px)!important;
    line-height:.91!important;
    max-width:10.8ch!important;
  }

  body .hero.ckHeroV96 > .hero-content p{
    font-size:clamp(16px, 4.2vw, 19px)!important;
    line-height:1.46!important;
    max-width:34ch!important;
  }

  body .hero.ckHeroV96 > .hero-content .hero-cta{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    border-radius:13px!important;
    padding:0 20px!important;
  }
}

@media (max-width: 390px){
  body .hero.ckHeroV96{
    padding:0 20px!important;
  }

  body .hero.ckHeroV96 > .hero-content{
    gap:18px!important;
    transform:translateY(6px)!important;
  }

  body .hero.ckHeroV96 > .hero-content h1{
    font-size:clamp(42px, 13.4vw, 58px)!important;
  }

  body .hero.ckHeroV96 > .hero-content p{
    font-size:15.5px!important;
    line-height:1.42!important;
  }

  body .hero.ckHeroV96 > .hero-content .hero-cta{
    min-height:50px!important;
    font-size:10.8px!important;
  }
}