/* =========================================================
   CAREKA DIGITAL — HERO VIDEO PREMIUM V50
   Boot com logotipo, vídeo em tela cheia e revelação sequencial.
   ========================================================= */
.home-hero.hero-with-video{
  position:relative!important;
  min-height:100svh!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#05070a!important;
  display:grid!important;
  align-items:center!important;
  padding-top:var(--fixed-header-space, clamp(108px, 10vw, 150px))!important;
}
.home-hero.hero-with-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:url('../img/hero/careka-hero-loop-poster.webp') center/cover no-repeat;
  opacity:.88;
  transform:scale(1.012);
  filter:saturate(1.05) contrast(1.04);
  transition:opacity 900ms cubic-bezier(.22,1,.36,1), transform 1300ms cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.home-hero.hero-with-video.is-video-active::before{opacity:.16;transform:scale(1);}
.home-hero.hero-with-video .hero-video-layer{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  background:#05070a url('../img/hero/careka-hero-loop-poster.webp') center/cover no-repeat!important;
  pointer-events:none!important;
  opacity:0;
  transform:scale(1.018);
  transition:opacity 1100ms cubic-bezier(.22,1,.36,1), transform 1500ms cubic-bezier(.22,1,.36,1), filter 1100ms ease;
  filter:brightness(.88) saturate(1.02);
}
.home-hero.hero-with-video.is-video-active .hero-video-layer,
.home-hero.hero-with-video.is-poster-mode .hero-video-layer{
  opacity:1;
  transform:scale(1);
  filter:brightness(1) saturate(1.04);
}
.home-hero.hero-with-video .hero-bg-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center right!important;
  display:block!important;
  filter:saturate(1.06) contrast(1.05) brightness(.92)!important;
  will-change:transform!important;
  transform:translateZ(0) scale(1.002);
}
.home-hero.hero-with-video .hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0;
  transition:opacity 900ms cubic-bezier(.22,1,.36,1);
  background:
    linear-gradient(90deg,rgba(5,7,10,.94) 0%,rgba(5,7,10,.80) 35%,rgba(5,7,10,.30) 72%,rgba(5,7,10,.52) 100%),
    linear-gradient(180deg,rgba(5,7,10,.62) 0%,rgba(5,7,10,.20) 42%,rgba(5,7,10,.92) 100%),
    radial-gradient(920px 580px at 74% 36%,rgba(212,168,67,.13),transparent 70%)!important;
}
.home-hero.hero-with-video.is-video-active .hero-overlay,
.home-hero.hero-with-video.is-poster-mode .hero-overlay{opacity:1;}
.home-hero.hero-with-video .hero-atmosphere{
  z-index:1!important;
  opacity:.26!important;
  mix-blend-mode:screen!important;
}
.home-hero.hero-with-video .hero-prologue__frame,
.home-hero.hero-with-video .hero-content{
  position:relative!important;
  z-index:2!important;
}
/* Loader inicial premium */
.careka-hero-loader{
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  align-content:center;
  gap:18px;
  background:
    radial-gradient(740px 420px at 50% 50%,rgba(212,168,67,.10),transparent 62%),
    radial-gradient(420px 260px at 50% 48%,rgba(196,93,24,.08),transparent 68%),
    #05070a;
  opacity:1;
  visibility:visible;
  transition:opacity 760ms cubic-bezier(.22,1,.36,1), visibility 0s linear 760ms;
  pointer-events:none;
}
.home-hero.hero-with-video.is-video-active .careka-hero-loader,
.home-hero.hero-with-video.is-poster-mode .careka-hero-loader{
  opacity:0;
  visibility:hidden;
}
.careka-hero-loader__halo{
  position:absolute;
  width:clamp(168px,18vw,280px);
  height:clamp(168px,18vw,280px);
  border-radius:999px;
  border:1px solid rgba(212,168,67,.16);
  background:radial-gradient(circle,rgba(212,168,67,.10),transparent 68%);
  box-shadow:0 0 80px rgba(212,168,67,.10), inset 0 0 40px rgba(255,255,255,.018);
  animation:carekaHeroPulse 1.8s ease-in-out infinite alternate;
}
.careka-hero-loader__logo{
  position:relative;
  width:clamp(68px,7vw,104px);
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.45));
}
.careka-hero-loader__wordmark{
  position:relative;
  color:#e8c560;
  font:800 clamp(14px,1.2vw,20px)/1 var(--body,Inter,sans-serif);
  letter-spacing:.28em;
  text-transform:uppercase;
}
.careka-hero-loader__line{
  position:relative;
  width:clamp(112px,16vw,220px);
  height:1px;
  background:linear-gradient(90deg,transparent,#d4a843,#c45d18,transparent);
  box-shadow:0 0 18px rgba(212,168,67,.22);
}
@keyframes carekaHeroPulse{from{transform:scale(.96);opacity:.66}to{transform:scale(1.04);opacity:1}}
/* Conteúdo: sem card bloqueando o vídeo completo */
.home-hero.hero-with-video .hero-copy-main{
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(212,168,67,.12),transparent 50%),
    linear-gradient(160deg,rgba(8,10,13,.58),rgba(3,3,5,.46))!important;
  border-color:rgba(212,168,67,.16)!important;
  backdrop-filter:blur(7px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.04)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.home-hero.hero-with-video .ckFounderDockV24__panel{
  background:
    radial-gradient(620px 220px at 8% 0%,rgba(212,168,67,.11),transparent 62%),
    radial-gradient(460px 240px at 100% 100%,rgba(196,93,24,.08),transparent 64%),
    linear-gradient(135deg,rgba(12,13,16,.66),rgba(4,4,5,.58))!important;
  backdrop-filter:blur(7px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.04)!important;
}
.hero-content-once{
  opacity:0!important;
  transform:translateY(26px) scale(.992)!important;
  filter:blur(10px)!important;
  transition:opacity 950ms cubic-bezier(.22,1,.36,1),transform 950ms cubic-bezier(.22,1,.36,1),filter 950ms cubic-bezier(.22,1,.36,1)!important;
  will-change:opacity,transform,filter;
}
.hero-content-once.is-visible{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
}
[data-hero-prologue] .hero-content-once [data-hero-reveal]{
  opacity:0!important;
  transform:translateY(18px)!important;
  filter:blur(8px)!important;
  transition:opacity 780ms cubic-bezier(.22,1,.36,1),transform 780ms cubic-bezier(.22,1,.36,1),filter 780ms cubic-bezier(.22,1,.36,1)!important;
}
[data-hero-prologue].is-visible .hero-content-once [data-hero-reveal]{
  opacity:1!important;
  transform:translateY(0)!important;
  filter:blur(0)!important;
}
[data-hero-prologue].is-visible .hero-content-once [data-hero-reveal]:nth-child(2){transition-delay:.16s!important;}
/* Conteúdos internos dentro do card principal surgem em sequência */
.home-hero.hero-with-video .hero-copy-inner > *{
  opacity:0;
  transform:translateY(18px);
  transition:opacity 720ms cubic-bezier(.22,1,.36,1), transform 720ms cubic-bezier(.22,1,.36,1);
}
.home-hero.hero-with-video.is-visible .hero-copy-inner > *{opacity:1;transform:translateY(0);}
.home-hero.hero-with-video.is-visible .hero-copy-inner > :nth-child(1){transition-delay:.08s;}
.home-hero.hero-with-video.is-visible .hero-copy-inner > :nth-child(2){transition-delay:.24s;}
.home-hero.hero-with-video.is-visible .hero-copy-inner > :nth-child(3){transition-delay:.40s;}
@media (min-width:1025px) and (max-width:1440px){
  .home-hero.hero-with-video .hero-bg-video{object-position:center center!important;}
}
@media (max-width:1024px){
  .home-hero.hero-with-video{padding-top:var(--fixed-header-space, clamp(96px,13vw,132px))!important;}
  .home-hero.hero-with-video .hero-bg-video{object-position:center center!important;}
  .home-hero.hero-with-video .hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,7,10,.86) 0%,rgba(5,7,10,.58) 42%,rgba(5,7,10,.94) 100%),
      radial-gradient(780px 500px at 70% 32%,rgba(212,168,67,.11),transparent 72%)!important;
  }
}
@media (max-width:768px){
  .home-hero.hero-with-video{min-height:100svh!important;padding-top:var(--fixed-header-space, 96px)!important;}
  .home-hero.hero-with-video .hero-bg-video{object-position:center center!important;}
  .home-hero.hero-with-video .hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,7,10,.90) 0%,rgba(5,7,10,.68) 45%,rgba(5,7,10,.98) 100%),
      radial-gradient(520px 420px at 50% 30%,rgba(212,168,67,.09),transparent 70%)!important;
  }
  .home-hero.hero-with-video .hero-copy-main{
    background:linear-gradient(160deg,rgba(8,10,13,.66),rgba(3,3,5,.56))!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home-hero.hero-with-video .hero-bg-video{display:none!important;}
  .home-hero.hero-with-video .hero-video-layer{
    opacity:1!important;
    transform:none!important;
    background-image:url('../img/hero/careka-hero-loop-poster.webp')!important;
    background-size:cover!important;
    background-position:center!important;
  }
  .careka-hero-loader{display:none!important;}
  .hero-content-once,
  [data-hero-prologue] .hero-content-once [data-hero-reveal],
  .home-hero.hero-with-video .hero-copy-inner > *{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* =========================================================
   CAREKA DIGITAL — HERO VIDEO V51 PATH FIX
   Usa os nomes reais vistos no servidor Hostinger:
   assets/videos/hero/careka-hero-loop-premium.webm/mp4
   ========================================================= */
.home-hero.hero-with-video .hero-video-layer{
  background:#05070a url('../img/hero/careka-hero-loop-poster.webp') center/cover no-repeat!important;
}
.home-hero.hero-with-video::before{
  background:url('../img/hero/careka-hero-loop-poster.webp') center/cover no-repeat!important;
}
.home-hero.hero-with-video.is-video-active .hero-bg-video{
  opacity:1!important;
  visibility:visible!important;
}
@media (prefers-reduced-motion:reduce){
  .home-hero.hero-with-video .hero-video-layer{
    background-image:url('../img/hero/careka-hero-loop-poster.webp')!important;
  }
}

/* =========================================================
   CAREKA DIGITAL — HERO VIDEO V52 USER VIDEO FORCE
   Garante que o vídeo enviado seja visível na primeira dobra.
   ========================================================= */
.home-hero.hero-with-video{
  background:#05070a!important;
  min-height:100svh!important;
}
.home-hero.hero-with-video::before{
  background:url('../img/hero/careka-digital-hero-loop-poster.webp') center/cover no-repeat!important;
  z-index:0!important;
  opacity:.52!important;
}
.home-hero.hero-with-video.is-video-active::before,
.home-hero.hero-with-video.is-video-stage-open::before{opacity:.04!important;}
.home-hero.hero-with-video .hero-video-layer{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  background:#05070a url('../img/hero/careka-digital-hero-loop-poster.webp') center/cover no-repeat!important;
  z-index:0!important;
}
.home-hero.hero-with-video .hero-bg-video{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#05070a!important;
  filter:saturate(1.06) contrast(1.05) brightness(.86)!important;
}
.home-hero.hero-with-video .hero-overlay{
  opacity:1!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(5,7,10,.94) 0%,rgba(5,7,10,.80) 34%,rgba(5,7,10,.30) 70%,rgba(5,7,10,.50) 100%),
    linear-gradient(180deg,rgba(5,7,10,.58) 0%,rgba(5,7,10,.24) 42%,rgba(5,7,10,.92) 100%),
    radial-gradient(960px 620px at 72% 38%,rgba(212,168,67,.14),transparent 70%)!important;
}
.home-hero.hero-with-video .careka-hero-loader{
  z-index:6!important;
  transition:opacity 760ms cubic-bezier(.22,1,.36,1),visibility 0s linear 760ms!important;
}
.home-hero.hero-with-video.is-video-stage-open .careka-hero-loader,
.home-hero.hero-with-video.is-video-active .careka-hero-loader,
.home-hero.hero-with-video.is-poster-mode .careka-hero-loader{
  opacity:0!important;
  visibility:hidden!important;
}
/* Garante que o conteúdo não aparece antes do vídeo/loader abrir. */
.home-hero.hero-with-video:not(.is-visible) .hero-content-once,
.home-hero.hero-with-video:not(.is-visible) .hero-copy-inner > *{
  opacity:0!important;
}
.home-hero.hero-with-video.is-visible .hero-content-once,
.home-hero.hero-with-video.is-visible .hero-copy-inner > *{
  opacity:1!important;
}
@media (max-width:1024px){
  .home-hero.hero-with-video .hero-bg-video{object-position:center center!important;}
  .home-hero.hero-with-video .hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,7,10,.90) 0%,rgba(5,7,10,.62) 42%,rgba(5,7,10,.96) 100%),
      radial-gradient(720px 520px at 50% 32%,rgba(212,168,67,.10),transparent 72%)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home-hero.hero-with-video .hero-bg-video{display:none!important;}
  .home-hero.hero-with-video .hero-video-layer{
    background-image:url('../img/hero/careka-digital-hero-loop-poster.webp')!important;
    background-size:cover!important;
    background-position:center!important;
  }
}

/* =========================================================
   CAREKA DIGITAL — HERO VIDEO V53 HORIZONTAL FULL FRAME
   Garante que o vídeo 16:9 apareça completo em todos os dispositivos.
   ========================================================= */
.home-hero.hero-with-video{
  min-height:100svh!important;
  background:
    radial-gradient(920px 560px at 70% 28%,rgba(212,168,67,.10),transparent 68%),
    radial-gradient(720px 460px at 20% 88%,rgba(196,93,24,.08),transparent 64%),
    #05070a!important;
}
.home-hero.hero-with-video .hero-video-layer{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(900px 520px at 72% 34%,rgba(212,168,67,.11),transparent 72%),
    radial-gradient(720px 500px at 12% 82%,rgba(196,93,24,.07),transparent 68%),
    #05070a url('../img/hero/careka-digital-hero-loop-poster.webp') center/contain no-repeat!important;
  transform:scale(1)!important;
  overflow:hidden!important;
}
.home-hero.hero-with-video::before{
  background:url('../img/hero/careka-digital-hero-loop-poster.webp') center/contain no-repeat!important;
  opacity:.78!important;
  transform:scale(1)!important;
}
.home-hero.hero-with-video.is-video-active::before,
.home-hero.hero-with-video.is-video-stage-open::before{
  opacity:.04!important;
}
.home-hero.hero-with-video .hero-bg-video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:16 / 9!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#05070a!important;
  filter:saturate(1.06) contrast(1.05) brightness(.96)!important;
  transform:none!important;
}
.home-hero.hero-with-video .hero-overlay{
  background:
    linear-gradient(90deg,rgba(5,7,10,.88) 0%,rgba(5,7,10,.70) 34%,rgba(5,7,10,.24) 68%,rgba(5,7,10,.44) 100%),
    linear-gradient(180deg,rgba(5,7,10,.54) 0%,rgba(5,7,10,.14) 42%,rgba(5,7,10,.88) 100%),
    radial-gradient(900px 560px at 72% 34%,rgba(212,168,67,.12),transparent 72%)!important;
}
.home-hero.hero-with-video .hero-copy-main{
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(212,168,67,.10),transparent 52%),
    linear-gradient(160deg,rgba(8,10,13,.50),rgba(3,3,5,.40))!important;
  backdrop-filter:blur(5px) saturate(1.03)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.03)!important;
}
@media (max-width:1024px){
  .home-hero.hero-with-video .hero-video-layer{
    background-size:contain!important;
  }
  .home-hero.hero-with-video .hero-bg-video{
    object-fit:contain!important;
    object-position:center center!important;
  }
  .home-hero.hero-with-video .hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,7,10,.88) 0%,rgba(5,7,10,.54) 42%,rgba(5,7,10,.94) 100%),
      radial-gradient(780px 500px at 50% 32%,rgba(212,168,67,.10),transparent 72%)!important;
  }
}
@media (max-width:768px){
  .home-hero.hero-with-video .hero-video-layer{
    background-position:center center!important;
    background-size:contain!important;
  }
  .home-hero.hero-with-video .hero-bg-video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .home-hero.hero-with-video .hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.66) 48%,rgba(5,7,10,.98) 100%),
      radial-gradient(560px 420px at 50% 32%,rgba(212,168,67,.10),transparent 70%)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home-hero.hero-with-video .hero-video-layer{
    background-image:url('../img/hero/careka-digital-hero-loop-poster.webp')!important;
    background-size:contain!important;
    background-position:center center!important;
  }
}