/* =========================================================
   CAREKA DIGITAL — V99 HERO RESPONSIVO PERFEITO
   Correção definitiva do hero:
   - título, legenda e botão sempre dentro da tela;
   - conteúdo principal travado à esquerda, sem herdar grids antigos;
   - card do fundador alinhado e responsivo;
   - vídeo/overlay cobrem 100% da viewport;
   - desktop, tablet, smartphone e telas ultra-wide.
   ========================================================= */

:root{
  --ck99-header-h:86px;
  --ck99-safe-x:clamp(28px, 7vw, 126px);
  --ck99-safe-y:clamp(26px, 5vh, 64px);
  --ck99-gold:#F5A623;
  --ck99-gold-light:#ffd96e;
  --ck99-orange:#e7791f;
  --ck99-white:#fff8ec;
}

body #hero.ckHeroV97,
body section#hero.ckHeroV97,
body .hero.ckHeroV97{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  height:100svh!important;
  min-height:720px!important;
  margin:0!important;
  padding:var(--ck99-header-h) var(--ck99-safe-x) var(--ck99-safe-y)!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#020304!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* vídeo sempre atrás */
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;
  transform:none!important;
  filter:saturate(1.02) contrast(1.04) brightness(.70)!important;
  pointer-events:none!important;
}

/* overlay limpo e premium */
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,.84) 0%, rgba(0,0,0,.68) 34%, rgba(0,0,0,.38) 62%, rgba(0,0,0,.62) 100%),
    radial-gradient(900px 560px at 70% 50%, rgba(242,189,63,.09), transparent 70%),
    rgba(0,0,0,.55)!important;
}

/* neutraliza pseudo elementos antigos */
body #hero.ckHeroV97::before,
body #hero.ckHeroV97::after,
body .hero.ckHeroV97::before,
body .hero.ckHeroV97::after{
  display:none!important;
  content:none!important;
}

/* CONTEÚDO: posição absoluta estável, sem ser empurrado por flex/grid antigos */
body #hero.ckHeroV97 > .hero-content,
body .hero.ckHeroV97 > .hero-content{
  position:absolute!important;
  z-index:10!important;
  left:var(--ck99-safe-x)!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate3d(0,-50%,0)!important;
  width:min(660px, calc(100vw - (var(--ck99-safe-x) * 2)))!important;
  max-width:660px!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  justify-items:start!important;
  gap:24px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  pointer-events:auto!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

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

/* TÍTULO */
body #hero.ckHeroV97 > .hero-content h1,
body .hero.ckHeroV97 > .hero-content h1{
  position:relative!important;
  z-index:11!important;
  display:block!important;
  width:100%!important;
  max-width:11.7ch!important;
  margin:0!important;
  padding:0!important;
  color:var(--ck99-white)!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(58px, 5.95vw, 112px)!important;
  line-height:.90!important;
  font-weight:900!important;
  letter-spacing:.016em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-wrap:balance!important;
  white-space:normal!important;
  overflow:visible!important;
  transform:none!important;
  text-shadow:0 22px 52px rgba(0,0,0,.55)!important;
}

body #hero.ckHeroV97 > .hero-content h1 span,
body .hero.ckHeroV97 > .hero-content h1 span{
  display:inline!important;
  color:var(--ck99-gold)!important;
  background:linear-gradient(180deg,var(--ck99-gold-light) 0%,var(--ck99-gold) 58%,var(--ck99-orange) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* LEGENDA */
body #hero.ckHeroV97 > .hero-content p,
body .hero.ckHeroV97 > .hero-content p{
  display:block!important;
  width:100%!important;
  max-width:52ch!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,248,236,.88)!important;
  font-size:clamp(16px, 1.12vw, 21px)!important;
  line-height:1.55!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  transform:none!important;
  text-shadow:0 14px 32px rgba(0,0,0,.48)!important;
}

/* BOTÃO */
body #hero.ckHeroV97 > .hero-content .hero-cta,
body .hero.ckHeroV97 > .hero-content .hero-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:min(430px, 100%)!important;
  max-width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 30px!important;
  border:1px solid rgba(255,214,108,.48)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffd765 0%,var(--ck99-gold) 48%,var(--ck99-orange) 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;
  font-size:clamp(12px,.86vw,15px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.18em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  transform:none!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:hover,
body .hero.ckHeroV97 > .hero-content .hero-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.05) brightness(1.03)!important;
}

/* CARD DO FUNDADOR */
body #hero.ckHeroV97 > .hero-founder-card,
body .hero.ckHeroV97 > .hero-founder-card{
  position:absolute!important;
  z-index:10!important;
  right:var(--ck99-safe-x)!important;
  bottom:var(--ck99-safe-y)!important;
  left:auto!important;
  top:auto!important;
  width:min(780px, 48vw)!important;
  min-width:620px!important;
  max-width:780px!important;
  height:auto!important;
  margin:0!important;
  padding:clamp(16px,1.25vw,24px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  align-items:center!important;
  gap:clamp(16px,1.2vw,26px)!important;
  border:1px solid rgba(242,189,63,.28)!important;
  border-radius:clamp(18px,1.4vw,26px)!important;
  background:linear-gradient(120deg,rgba(13,11,9,.74),rgba(5,7,10,.84))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  pointer-events:auto!important;
}

body #hero.ckHeroV97 > .hero-founder-card *,
body .hero.ckHeroV97 > .hero-founder-card *{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body .hero-founder-card__identity{
  display:grid!important;
  grid-template-columns:clamp(70px,4.2vw,92px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(12px,.9vw,17px)!important;
  min-width:0!important;
}

body .hero-founder-card__image{
  width:clamp(70px,4.2vw,92px)!important;
  height:clamp(70px,4.2vw,92px)!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid rgba(242,189,63,.32)!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:#ffd66c!important;
  font-size:clamp(8.5px,.58vw,11px)!important;
  line-height:1.05!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}

body .hero-founder-card__copy strong{
  color:var(--ck99-white)!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(24px,1.62vw,36px)!important;
  line-height:.94!important;
  letter-spacing:.035em!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,248,236,.76)!important;
  font-size:clamp(10.5px,.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(16px,1vw,24px)!important;
  border-left:1px solid rgba(242,189,63,.42)!important;
}

body .hero-founder-card__item{
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  min-width:0!important;
  padding:0 clamp(12px,.9vw,20px)!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(242,189,63,.28)!important;
  padding-left:clamp(16px,1vw,24px)!important;
}

body .hero-founder-card__item small{
  color:rgba(255,248,236,.62)!important;
}

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

/* Notebook médio: evitar sobreposição */
@media (max-width:1380px) and (min-width:1101px){
  :root{
    --ck99-safe-x:clamp(32px,4.5vw,78px);
  }

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

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

  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    width:min(680px,48vw)!important;
    min-width:560px!important;
  }
}

/* Tablet: empilha sem cortar */
@media (max-width:1100px){
  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    height:auto!important;
    min-height:100svh!important;
    padding:
      calc(var(--ck99-header-h) + 34px)
      clamp(24px,6vw,54px)
      34px!important;
    display:grid!important;
    align-content:start!important;
    gap:28px!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:760px!important;
    min-width:0!important;
  }
}

/* Smartphone */
@media (max-width:720px){
  :root{
    --ck99-header-h:70px;
  }

  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    padding:
      calc(var(--ck99-header-h) + 22px)
      clamp(22px,6vw,30px)
      28px!important;
    gap:22px!important;
  }

  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    gap:18px!important;
    max-width:100%!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-width:0!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(242,189,63,.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(242,189,63,.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;
  }
}