/* CAMADA-MED V81 BLOCO 1 — Hero/Início visual rebuild
   Regra: não muda textos, ordem ou funil. Só material, luz, contraste e movimento do bloco Início/Hero. */

:root{
  --v81-ink:#052f28;
  --v81-petrol:#052e27;
  --v81-petrol-deep:#021d18;
  --v81-gold:#c99024;
  --v81-gold-deep:#82520b;
  --v81-gold-light:#f7dda0;
  --v81-paper:#efe3cb;
  --v81-paper-hi:#fff7e7;
}

/* fundo mais próximo do creme renderizado: papel grosso + luz estúdio */
body.v77-visual-lock.v81-block1{
  background:
    radial-gradient(90% 45% at 50% -7%,rgba(255,255,255,.94),transparent 64%),
    radial-gradient(54% 40% at 8% 18%,rgba(255,252,238,.66),transparent 66%),
    radial-gradient(52% 38% at 94% 16%,rgba(222,171,73,.25),transparent 66%),
    radial-gradient(58% 42% at 50% 96%,rgba(176,121,35,.16),transparent 72%),
    linear-gradient(142deg,#fff6e6 0%,#efe3cb 48%,#d8c39f 100%)!important;
}

/* papel com gramatura mais visível, sem mudar estrutura */
body.v77-visual-lock.v81-block1::after{
  opacity:.82!important;
  filter:contrast(1.10) saturate(1.04);
  mix-blend-mode:multiply;
}

/* header / navegação no mesmo material de vidro das referências */
body.v81-block1 .v70-header{
  padding-top:18px;
}
body.v81-block1 .v70-nav{
  position:relative;
  isolation:isolate;
}
body.v81-block1 .v70-brand{
  filter:drop-shadow(0 18px 24px rgba(75,50,9,.14));
}
body.v81-block1 .v70-menu{
  background:
    linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,248,223,.10)),
    radial-gradient(80% 110% at 50% 0%,rgba(255,255,255,.42),transparent 66%)!important;
  border:1px solid rgba(255,244,205,.46);
  box-shadow:
    0 18px 44px rgba(76,50,9,.10),
    inset 1px 1px 0 rgba(255,255,255,.62),
    inset -1px -1px 0 rgba(105,70,10,.08);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
}
body.v81-block1 .v70-menu a{
  color:rgba(5,47,40,.86)!important;
}
body.v81-block1 .v70-menu a.active{
  color:var(--v81-ink)!important;
  box-shadow:inset 0 -2px 0 var(--v81-gold);
}

/* Botão área do aluno / idioma: mais joia, menos chip pálido */
body.v81-block1 .v70-student,
body.v81-block1 .v74-lang-pill{
  background:
    linear-gradient(180deg,#0a4036 0%,#052b24 52%,#021a16 100%)!important;
  color:#f6d888!important;
  border:1px solid rgba(255,225,145,.70)!important;
  box-shadow:
    0 16px 34px rgba(5,43,36,.24),
    0 0 26px rgba(209,154,54,.24),
    inset 1px 1px 0 rgba(255,255,255,.13),
    inset -1px -1px 0 rgba(0,0,0,.36)!important;
}

/* HERO/INÍCIO: reconstrução visual de objeto premium, não retângulo comum */
body.v81-block1 .v73-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  min-height:min(560px,calc(100dvh - 190px));
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  padding:clamp(34px,5vw,72px) clamp(18px,5vw,70px)!important;
  border-radius:clamp(38px,5vw,72px)!important;
  background:
    radial-gradient(76% 86% at 88% 50%,rgba(3,43,37,.34),transparent 66%),
    radial-gradient(62% 78% at 10% 44%,rgba(255,255,255,.48),transparent 62%),
    radial-gradient(94% 70% at 50% 104%,rgba(218,158,47,.25),transparent 66%),
    linear-gradient(126deg,rgba(255,255,255,.42),rgba(255,248,224,.14) 45%,rgba(5,53,45,.20) 100%)!important;
  border:1px solid rgba(255,246,216,.84)!important;
  box-shadow:
    0 42px 100px rgba(84,56,10,.18),
    0 0 0 1px rgba(255,255,255,.32),
    0 0 44px rgba(221,174,74,.20),
    0 0 22px rgba(255,255,255,.18),
    inset 1px 1px 0 rgba(255,255,255,.88),
    inset -1px -1px 0 rgba(82,55,10,.16),
    inset 0 0 34px rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(34px) saturate(180%) contrast(112%)!important;
  backdrop-filter:blur(34px) saturate(180%) contrast(112%)!important;
}

/* borda dupla viva — semelhante ao vídeo: borda respira, não corre */
body.v81-block1 .v73-hero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.25px;
  background:
    conic-gradient(from var(--v72-angle),
      rgba(255,255,255,.22),
      rgba(255,255,255,.98) 4%,
      rgba(250,223,151,.96) 8%,
      rgba(255,255,255,.20) 16%,
      rgba(6,79,66,.28) 36%,
      rgba(255,255,255,.20) 49%,
      rgba(255,255,255,.92) 60%,
      rgba(224,168,62,.92) 66%,
      rgba(255,255,255,.18) 78%,
      rgba(255,255,255,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.88;
  pointer-events:none;
  animation:v81-border-breathe 8.5s ease-in-out infinite;
}

/* camada de reflexos internos / caústica */
body.v81-block1 .v73-hero::after{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:inherit;
  background:
    linear-gradient(105deg,transparent 0 18%,rgba(255,255,255,.52) 31%,rgba(255,255,255,.12) 39%,transparent 56% 100%),
    radial-gradient(28% 22% at 13% 20%,rgba(255,255,255,.62),transparent 72%),
    radial-gradient(18% 16% at 88% 16%,rgba(255,235,165,.50),transparent 72%),
    radial-gradient(50% 22% at 50% 95%,rgba(234,176,67,.34),transparent 70%);
  opacity:.36;
  filter:blur(.2px);
  mix-blend-mode:screen;
  pointer-events:none;
  animation:v81-sheen-breathe 12s ease-in-out infinite;
}

/* reflexo âmbar inferior do vídeo */
body.v81-block1 .v73-hero .v73-emboss-mark{
  opacity:.08!important;
  filter:grayscale(1) sepia(.12) contrast(.92) brightness(1.1)!important;
  transform:scale(1.06);
}
body.v81-block1 .v73-hero > *{
  position:relative;
  z-index:2;
}

/* wordmark mais editorial, sem ficar pesado */
body.v81-block1 .v74-wordmark-hero{
  max-width:min(360px,76vw);
  margin-bottom:10px;
  filter:
    drop-shadow(0 10px 16px rgba(84,56,10,.12))
    drop-shadow(0 0 16px rgba(255,236,174,.16));
  opacity:.98;
}

/* Kicker e título mais próximos da referência: contraste e assentamento */
body.v81-block1 .v73-hero-kicker{
  color:rgba(5,47,40,.78)!important;
  letter-spacing:.22em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
body.v81-block1 .v73-hero h1{
  color:#052f28!important;
  max-width:920px;
  font-size:clamp(44px,6.3vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.62),
    0 16px 30px rgba(74,50,10,.08);
}
body.v81-block1 .v73-hero .v70-gold-text{
  color:transparent!important;
  background:linear-gradient(180deg,#f6dfa2 0%,#c99024 45%,#7e4f08 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 2px 7px rgba(176,116,24,.20));
}
body.v81-block1 .v73-hero-sub{
  max-width:760px!important;
  color:rgba(5,47,40,.86)!important;
  font-weight:500;
  font-size:clamp(18px,2vw,25px)!important;
  line-height:1.38!important;
}

/* CTAs do hero: botão-joia verde e botão secundário cristal */
body.v81-block1 .v73-hero-ctas{
  gap:16px!important;
  margin-top:24px!important;
}
body.v81-block1 .v73-primary-cta{
  min-width:min(360px,100%);
  justify-content:center;
  background:
    linear-gradient(180deg,#0b4b40 0%,#052e27 52%,#021c17 100%)!important;
  color:#f6d888!important;
  border:1px solid rgba(255,230,160,.78)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  box-shadow:
    0 26px 58px rgba(5,43,36,.30),
    0 0 0 1px rgba(255,255,255,.12),
    0 0 36px rgba(207,154,54,.32),
    inset 1px 1px 0 rgba(255,255,255,.16),
    inset -1px -1px 0 rgba(0,0,0,.38)!important;
  animation:v81-cta-pulse 5.8s ease-in-out infinite!important;
}
body.v81-block1 .v73-primary-cta::after{
  opacity:.48!important;
}
body.v81-block1 .v73-secondary-cta{
  background:
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,248,226,.16))!important;
  color:#052f28!important;
  border:1px solid rgba(255,246,216,.62)!important;
}

/* Microcopy e chips com mais respiro e menos aparência lavada */
body.v81-block1 .v73-microcopy{
  color:rgba(5,47,40,.78)!important;
  font-size:15px!important;
  margin-top:14px!important;
}
body.v81-block1 .v73-chips{
  margin-top:22px!important;
  gap:10px!important;
}
body.v81-block1 .v73-chips span{
  background:
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,248,226,.13))!important;
  color:rgba(5,47,40,.78)!important;
  border:1px solid rgba(255,244,205,.52)!important;
  box-shadow:
    0 12px 24px rgba(75,50,9,.08),
    inset 1px 1px 0 rgba(255,255,255,.62)!important;
}

/* só para o BLOCO 1: quando a aba início estiver ativa, o painel precisa parecer peça central premium */
body.v81-block1[data-active-panel="inicio"] .v70-wrap{
  padding-top:8px;
}

/* movimento do vídeo: respiração lenta, sem neon */
@keyframes v81-border-breathe{
  0%,100%{opacity:.64;filter:saturate(1) brightness(1)}
  50%{opacity:.94;filter:saturate(1.16) brightness(1.05)}
}
@keyframes v81-sheen-breathe{
  0%,100%{opacity:.20;transform:translate3d(-2.5%,0,0) scale(1);filter:blur(.4px)}
  46%{opacity:.40;transform:translate3d(2.5%,.8%,0) scale(1.01);filter:blur(.2px)}
  72%{opacity:.28;transform:translate3d(1%,0,0) scale(1)}
}
@keyframes v81-cta-pulse{
  0%,100%{
    transform:translateY(0);
    box-shadow:
      0 26px 58px rgba(5,43,36,.30),
      0 0 0 1px rgba(255,255,255,.12),
      0 0 30px rgba(207,154,54,.28),
      inset 1px 1px 0 rgba(255,255,255,.16),
      inset -1px -1px 0 rgba(0,0,0,.38);
  }
  50%{
    transform:translateY(-1px);
    box-shadow:
      0 32px 72px rgba(5,43,36,.36),
      0 0 0 1px rgba(255,236,174,.28),
      0 0 48px rgba(207,154,54,.48),
      inset 1px 1px 0 rgba(255,255,255,.22),
      inset -1px -1px 0 rgba(0,0,0,.42);
  }
}

/* Mobile: preservar luxo sem estourar layout */
@media(max-width:780px){
  body.v81-block1 .v70-header{
    padding-top:10px;
  }
  body.v81-block1 .v73-hero{
    min-height:auto;
    padding:34px 18px 32px!important;
    border-radius:38px!important;
  }
  body.v81-block1 .v74-wordmark-hero{
    max-width:240px;
  }
  body.v81-block1 .v73-hero h1{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:.96!important;
  }
  body.v81-block1 .v73-hero-sub{
    font-size:17px!important;
  }
  body.v81-block1 .v73-hero-ctas{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.v81-block1 .v73-primary-cta,
  body.v81-block1 .v73-secondary-cta{
    width:100%;
    min-width:0;
    min-height:62px;
  }
  body.v81-block1 .v73-chips{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  body.v81-block1 .v73-chips span{
    justify-content:center;
    text-align:center;
  }
}
@media(max-width:420px){
  body.v81-block1 .v73-hero{
    padding:30px 14px 28px!important;
  }
  body.v81-block1 .v73-hero h1{
    font-size:37px!important;
  }
  body.v81-block1 .v73-chips{
    grid-template-columns:1fr;
  }
}