/* =========================================================
   CAREKA DIGITAL — V100 HERO FINAL VISUAL
   Objetivo:
   - replicar a cena aprovada do hero;
   - manter vídeo como fundo;
   - manter tamanho, hierarquia e informações do hero;
   - aplicar padrão visual Careka Digital: preto, dourado, branco quente e CTA laranja/dourado;
   - conteúdo perfeitamente alinhado em desktop, tablet e smartphone.
   ========================================================= */

:root{
  --ck100-header-h:86px;
  --ck100-x:clamp(34px, 5.8vw, 112px);
  --ck100-bottom:clamp(28px, 5.2vh, 70px);
  --ck100-gold:#F5A623;
  --ck100-gold-soft:#FFD76A;
  --ck100-orange:#E7791F;
  --ck100-white:#FFF7EA;
  --ck100-muted:rgba(255,247,234,.82);
  --ck100-line:rgba(245,166,35,.34);
}

body #hero.ckHeroV97,
body .hero.ckHeroV97{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:100svh!important;
  height:100svh!important;
  margin:0!important;
  padding:var(--ck100-header-h) var(--ck100-x) var(--ck100-bottom)!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#020304!important;
}

/* Vídeo de fundo: mantém o vídeo real, mas com tratamento de cor premium */
body #hero.ckHeroV97 > video.hero-video,
body .hero.ckHeroV97 > video.hero-video{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100svh!important;
  min-width:100vw!important;
  min-height:100svh!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:brightness(.54) contrast(1.12) saturate(1.08)!important;
  transform:scale(1.01)!important;
  pointer-events:none!important;
}

/* Overlay cinematográfico: leitura perfeita + atmosfera da referência */
body #hero.ckHeroV97 > .hero-overlay,
body .hero.ckHeroV97 > .hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.74) 34%, rgba(0,0,0,.43) 62%, rgba(0,0,0,.68) 100%),
    radial-gradient(900px 520px at 74% 50%, rgba(245,166,35,.14), transparent 68%),
    radial-gradient(700px 420px at 70% 84%, rgba(231,121,31,.11), transparent 72%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.02) 44%, rgba(0,0,0,.34) 100%)!important;
}

/* Efeito de energia dourada sutil por cima do vídeo */
body #hero.ckHeroV97::before,
body .hero.ckHeroV97::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.58!important;
  background:
    radial-gradient(720px 260px at 70% 62%, rgba(245,166,35,.18), transparent 70%),
    linear-gradient(115deg, transparent 0%, transparent 56%, rgba(255,215,106,.18) 63%, rgba(231,121,31,.12) 66%, transparent 76%),
    radial-gradient(1px 1px at 76% 30%, rgba(255,215,106,.72), transparent 2px),
    radial-gradient(1px 1px at 82% 42%, rgba(255,215,106,.54), transparent 2px),
    radial-gradient(1px 1px at 68% 56%, rgba(255,215,106,.45), transparent 2px)!important;
  background-size:auto, auto, 180px 180px, 260px 260px, 220px 220px!important;
}

/* Vinheta e respiro inferior */
body #hero.ckHeroV97::after,
body .hero.ckHeroV97::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(1000px 580px at 44% 42%, transparent 0%, transparent 55%, rgba(0,0,0,.42) 100%),
    linear-gradient(180deg, rgba(0,0,0,.62) 0%, transparent 18%, transparent 70%, rgba(0,0,0,.72) 100%)!important;
}

/* CONTEÚDO PRINCIPAL */
body #hero.ckHeroV97 > .hero-content,
body .hero.ckHeroV97 > .hero-content{
  position:absolute!important;
  z-index:5!important;
  left:var(--ck100-x)!important;
  top:51%!important;
  transform:translate3d(0,-50%,0)!important;
  width:min(680px, calc(100vw - (var(--ck100-x) * 2)))!important;
  max-width:680px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(20px, 2.4vh, 28px)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body #hero.ckHeroV97 > .hero-content *,
body .hero.ckHeroV97 > .hero-content *{
  opacity:1!important;
  visibility:visible!important;
}

/* Título com tamanho e hierarquia preservados, alinhado como a referência */
body #hero.ckHeroV97 > .hero-content h1,
body .hero.ckHeroV97 > .hero-content h1{
  width:100%!important;
  max-width:11.9ch!important;
  margin:0!important;
  padding:0!important;
  color:var(--ck100-white)!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(60px, 6.0vw, 112px)!important;
  line-height:.90!important;
  font-weight:900!important;
  letter-spacing:.012em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-wrap:balance!important;
  white-space:normal!important;
  text-shadow:
    0 22px 54px rgba(0,0,0,.62),
    0 2px 0 rgba(255,255,255,.02)!important;
}

body #hero.ckHeroV97 > .hero-content h1 span,
body .hero.ckHeroV97 > .hero-content h1 span{
  display:inline!important;
  color:var(--ck100-gold)!important;
  background:linear-gradient(180deg, var(--ck100-gold-soft) 0%, var(--ck100-gold) 58%, var(--ck100-orange) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 12px 28px rgba(245,166,35,.12))!important;
}

/* Legenda */
body #hero.ckHeroV97 > .hero-content p,
body .hero.ckHeroV97 > .hero-content p{
  width:100%!important;
  max-width:53ch!important;
  margin:0!important;
  padding:0!important;
  color:var(--ck100-muted)!important;
  font-size:clamp(16px, 1.12vw, 21px)!important;
  line-height:1.56!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  text-shadow:0 14px 32px rgba(0,0,0,.55)!important;
}

/* CTA principal */
body #hero.ckHeroV97 > .hero-content .hero-cta,
body .hero.ckHeroV97 > .hero-content .hero-cta{
  width:min(430px, 100%)!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  border:1px solid rgba(255,215,106,.56)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg, #FFD76A 0%, var(--ck100-gold) 46%, var(--ck100-orange) 100%)!important;
  color:#050505!important;
  box-shadow:
    0 24px 58px rgba(231,121,31,.30),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  font-size:clamp(12px,.86vw,15px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.17em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!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.ckHeroV97 > .hero-content .hero-cta::after,
body .hero.ckHeroV97 > .hero-content .hero-cta::after{
  content:"→"!important;
  font-size:1.25em!important;
  line-height:1!important;
  margin-left:4px!important;
}

body #hero.ckHeroV97 > .hero-content .hero-cta:hover,
body .hero.ckHeroV97 > .hero-content .hero-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.05) brightness(1.03)!important;
  box-shadow:
    0 30px 72px rgba(231,121,31,.38),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* CARD DO FUNDADOR — alinhado como cena aprovada */
body #hero.ckHeroV97 > .hero-founder-card,
body .hero.ckHeroV97 > .hero-founder-card{
  position:absolute!important;
  z-index:5!important;
  right:var(--ck100-x)!important;
  bottom:var(--ck100-bottom)!important;
  width:min(830px, 52vw)!important;
  min-width:650px!important;
  max-width:830px!important;
  margin:0!important;
  padding:clamp(16px,1.22vw,24px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;
  align-items:center!important;
  gap:clamp(18px,1.4vw,30px)!important;
  border:1px solid var(--ck100-line)!important;
  border-radius:clamp(18px,1.5vw,28px)!important;
  background:
    linear-gradient(120deg,rgba(14,12,10,.78),rgba(5,7,10,.86))!important;
  box-shadow:
    0 34px 95px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}

body #hero.ckHeroV97 > .hero-founder-card::before,
body .hero.ckHeroV97 > .hero-founder-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.07),transparent 24%,transparent 72%,rgba(245,166,35,.07)),
    radial-gradient(520px 220px at 88% 16%,rgba(245,166,35,.11),transparent 74%)!important;
  opacity:.78!important;
}

body .hero-founder-card__identity,
body .hero-founder-card__info{
  position:relative!important;
  z-index:1!important;
}

body .hero-founder-card__identity{
  display:grid!important;
  grid-template-columns:clamp(78px,4.5vw,104px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(14px,1vw,20px)!important;
  min-width:0!important;
}

body .hero-founder-card__image{
  width:clamp(78px,4.5vw,104px)!important;
  height:clamp(78px,4.5vw,104px)!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid rgba(245,166,35,.34)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.40)!important;
}

body .hero-founder-card__copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}

body .hero-founder-card__copy b,
body .hero-founder-card__item b{
  color:var(--ck100-gold-soft)!important;
  font-size:clamp(8.5px,.58vw,11px)!important;
  line-height:1.05!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

body .hero-founder-card__copy strong{
  color:var(--ck100-white)!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(25px,1.7vw,38px)!important;
  line-height:.94!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

body .hero-founder-card__copy span,
body .hero-founder-card__item span,
body .hero-founder-card__item small{
  color:rgba(255,247,234,.78)!important;
  font-size:clamp(10.8px,.72vw,13.5px)!important;
  line-height:1.34!important;
  font-weight:700!important;
}

body .hero-founder-card__info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  min-width:0!important;
  padding-left:clamp(18px,1.2vw,28px)!important;
  border-left:1px solid rgba(245,166,35,.42)!important;
}

body .hero-founder-card__item{
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  min-width:0!important;
  padding:0 clamp(14px,1vw,22px)!important;
}

body .hero-founder-card__item:first-child{
  padding-left:0!important;
}

body .hero-founder-card__item + .hero-founder-card__item{
  border-left:1px solid rgba(245,166,35,.28)!important;
  padding-left:clamp(18px,1.2vw,26px)!important;
}

body .hero-founder-card__item small{
  color:rgba(255,247,234,.64)!important;
}

body .hero-founder-card__item:last-child span,
body .hero-founder-card__item:last-child small{
  white-space:nowrap!important;
}

/* Ultra-wide: mantém cena elegante */
@media (min-width:1700px){
  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    top:50%!important;
  }

  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    bottom:clamp(38px,6vh,86px)!important;
  }
}

/* Notebook médio: evita sobreposição entre texto e card */
@media (max-width:1380px) and (min-width:1101px){
  :root{
    --ck100-x:clamp(32px,4.4vw,78px);
  }

  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    width:min(580px, calc(100vw - (var(--ck100-x) * 2)))!important;
    max-width:580px!important;
  }

  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{
    font-size:clamp(48px,5.2vw,86px)!important;
  }

  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    width:min(700px,49vw)!important;
    min-width:570px!important;
  }
}

/* Tablet: empilha preservando vídeo */
@media (max-width:1100px){
  :root{
    --ck100-x:clamp(26px,6vw,54px);
    --ck100-header-h:80px;
  }

  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    height:auto!important;
    min-height:100svh!important;
    padding:
      calc(var(--ck100-header-h) + 34px)
      var(--ck100-x)
      34px!important;
    display:grid!important;
    align-content:start!important;
    gap:28px!important;
  }

  body #hero.ckHeroV97 > video.hero-video,
  body .hero.ckHeroV97 > video.hero-video{
    height:100%!important;
    min-height:100%!important;
  }

  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:720px!important;
  }

  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:780px!important;
    min-width:0!important;
  }
}

/* Smartphone */
@media (max-width:720px){
  :root{
    --ck100-header-h:70px;
    --ck100-x:clamp(22px,6vw,30px);
  }

  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    padding:
      calc(var(--ck100-header-h) + 22px)
      var(--ck100-x)
      28px!important;
    gap:22px!important;
  }

  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    gap:18px!important;
  }

  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{
    font-size:clamp(44px,13.8vw,62px)!important;
    line-height:.91!important;
    max-width:10.75ch!important;
  }

  body #hero.ckHeroV97 > .hero-content p,
  body .hero.ckHeroV97 > .hero-content p{
    font-size:clamp(15.8px,4.2vw,18px)!important;
    line-height:1.44!important;
    max-width:34ch!important;
  }

  body #hero.ckHeroV97 > .hero-content .hero-cta,
  body .hero.ckHeroV97 > .hero-content .hero-cta{
    width:100%!important;
    min-height:52px!important;
    border-radius:13px!important;
    padding:0 18px!important;
  }

  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:16px!important;
    border-radius:20px!important;
  }

  body .hero-founder-card__info{
    grid-template-columns:1fr!important;
    padding-left:0!important;
    padding-top:14px!important;
    border-left:0!important;
    border-top:1px solid rgba(245,166,35,.30)!important;
    gap:14px!important;
  }

  body .hero-founder-card__item,
  body .hero-founder-card__item + .hero-founder-card__item{
    border-left:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body .hero-founder-card__item + .hero-founder-card__item{
    border-top:1px solid rgba(245,166,35,.22)!important;
    padding-top:14px!important;
  }

  body .hero-founder-card__item:last-child span,
  body .hero-founder-card__item:last-child small{
    white-space:normal!important;
  }
}

@media (max-width:390px){
  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{
    font-size:clamp(40px,13.1vw,54px)!important;
  }
}