:root{
  --bordo:#3C0A13; --bordo-fundo:#260609; --bordo-claro:#4E0F1A;
  --ouro:#EFAD23; --ouro-claro:#FEE65E; --ouro-escuro:#CE810E; --ouro-texto:#8F5610; --ouro-forte:#7A4A0E;
  --marfim:#F7F1E3; --tinta:#1A0508;
  --display:"Bodoni Moda",Georgia,serif;
  --util:"Cinzel",Georgia,serif;
  --corpo:"Lora",Georgia,serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bordo-fundo);color:var(--marfim);font-family:var(--corpo);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* ---------- abertura ---------- */
#intro{position:fixed;inset:0;z-index:200;background:var(--bordo-fundo);
  display:grid;place-items:center;overflow:hidden}
#intro.some{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .9s var(--ease),visibility .9s}
#intro .palco{width:clamp(150px,22vw,270px);color:var(--ouro);
  transform:scale(1);transition:transform 1.5s cubic-bezier(.62,0,.32,1),opacity 1.2s ease .3s}
#intro.zoom .palco{transform:scale(11);opacity:0}
.desenho{width:100%;height:auto;overflow:visible}
.tracos path{stroke-dasharray:1;stroke-dashoffset:1;
  animation:traco 1.5s cubic-bezier(.55,.1,.3,1) forwards}
@keyframes traco{to{stroke-dashoffset:0}}
.tracos{animation:apagaTraco .6s ease 2.05s forwards}
@keyframes apagaTraco{to{opacity:0}}
.cheio{opacity:0;animation:preenche .8s ease 1.95s forwards}
@keyframes preenche{to{opacity:1}}
#intro .assinaturaIntro{position:absolute;bottom:44px;left:0;right:0;text-align:center;
  font-family:var(--util);font-size:10px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--marfim);opacity:0;animation:legenda .9s ease 1.5s forwards}
@keyframes legenda{to{opacity:.55}}
#intro.zoom .assinaturaIntro{opacity:0;transition:opacity .5s ease}

.pular{position:absolute;left:-9999px;z-index:300;background:var(--ouro);color:var(--bordo);
  font-family:var(--util);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:14px 22px}
.pular:focus{left:16px;top:16px}
#topo{scroll-margin-top:70px}

/* ---------- base ---------- */
section{position:relative;padding:clamp(92px,12vw,168px) 24px}
.wrap{max-width:var(--max);margin:0 auto;position:relative;z-index:2}
.bordo{background:var(--bordo)}
.escuro{background:var(--bordo-fundo)}
.claro{background:var(--marfim);color:var(--tinta)}
.centro{text-align:center}

.eyebrow{font-family:var(--util);font-size:11px;font-weight:500;letter-spacing:.32em;
  text-transform:uppercase;color:var(--ouro);opacity:.85;margin-bottom:26px}
.claro .eyebrow{color:var(--ouro-texto)}
h1,h2{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.015em}
h1{font-size:clamp(2.5rem,6.6vw,5rem)}
h2{font-size:clamp(1.95rem,4.5vw,3.4rem)}
h1 em,h2 em{font-style:italic;color:var(--ouro)}
.claro h2 em{color:var(--ouro-texto)}
.lede{font-size:clamp(1.04rem,1.7vw,1.28rem);max-width:56ch;margin-top:26px;opacity:.9}
.centro .lede{margin-left:auto;margin-right:auto}
.mini{font-family:var(--util);font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.62}
.ouro{color:var(--ouro)}

/* ---------- revelação ---------- */
.line{display:block;overflow:hidden}
.line>span{display:block;transform:translateY(106%);transition:transform 1.05s var(--ease)}
.is-in .line>span{transform:translateY(0)}
.line:nth-child(2)>span{transition-delay:.13s}
.line:nth-child(3)>span{transition-delay:.26s}
.up{opacity:0;transform:translateY(26px);transition:opacity .95s var(--ease),transform .95s var(--ease)}
.is-in .up{opacity:1;transform:none}
.is-in .d1{transition-delay:.16s}.is-in .d2{transition-delay:.32s}
.is-in .d3{transition-delay:.48s}.is-in .d4{transition-delay:.64s}

/* ---------- imagens ---------- */
.fig{position:relative;overflow:hidden;background:var(--bordo-claro)}
.fig img{width:100%;height:100%;object-fit:cover}
.fig.kb img{animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.005)}to{transform:scale(1.085)}}
.fig .cred{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;
  font-family:var(--util);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(247,241,227,.72);background:linear-gradient(transparent,rgba(0,0,0,.62))}

/* ---------- CTA ---------- */
.cta{display:inline-block;position:relative;overflow:hidden;font-family:var(--util);
  font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ouro);border:1px solid var(--ouro-escuro);padding:20px 42px;
  background:transparent;cursor:pointer;transition:color .45s var(--ease)}
.cta span{position:relative;z-index:1}
.cta::before{content:"";position:absolute;inset:0;background:var(--ouro);
  transform:translateY(101%);transition:transform .55s var(--ease)}
.cta:hover{color:var(--bordo)}
.cta:hover::before{transform:translateY(0)}
.cta:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}

/* ---------- barras ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:13px 24px;
  background:rgba(38,6,9,.8);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(239,173,35,.15)}
.top .marca{display:flex;align-items:center;gap:12px}
.top .marca svg{width:38px;height:auto;color:var(--ouro)}
.top .marca b{font-family:var(--util);font-weight:500;font-size:13px;letter-spacing:.28em}
.top .info{font-family:var(--util);font-size:10px;letter-spacing:.2em;opacity:.58}
.top .cta{padding:12px 22px;font-size:10px}
@media(max-width:860px){.top .info{display:none}}
@media(max-width:560px){.top .cta{display:none}}
.bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;
  justify-content:space-between;gap:12px;padding:11px 18px;
  background:rgba(38,6,9,.95);border-top:1px solid rgba(239,173,35,.2)}
.bottom .cta{padding:14px 20px;font-size:10px}
@media(max-width:560px){.bottom{display:flex}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;
  padding:130px 24px 90px;text-align:center}
.hero .bg,.segredo .bg,.fecho .bg{overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg img{width:100%;height:100%;object-fit:cover;
  transform:scale(1.16);transition:transform 2.6s var(--ease)}
.hero.is-in .bg img{transform:scale(1.02)}
.hero .veu{position:absolute;inset:0;z-index:1;
  background:radial-gradient(78% 62% at 50% 46%,rgba(38,6,9,.34),rgba(20,3,5,.9) 88%)}
.hero .wrap{display:flex;flex-direction:column;align-items:center}
.hero .selo{width:clamp(96px,13vw,152px);color:var(--ouro);margin-bottom:36px}
.hero h1{max-width:15ch}
.hero .dados{margin:34px 0 40px;font-family:var(--util);font-size:11px;
  letter-spacing:.24em;text-transform:uppercase;opacity:.75}
.cue{margin-top:58px;width:1px;height:54px;
  background:linear-gradient(var(--ouro),transparent);animation:cue 2.6s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.25;transform:scaleY(.7)}50%{opacity:.9;transform:scaleY(1)}}

/* ---------- vsl ---------- */
.player{position:relative;aspect-ratio:16/9;border:1px solid rgba(239,173,35,.3);
  background:linear-gradient(150deg,#3A0B14,#160306);display:flex;align-items:center;
  justify-content:center;flex-direction:column;gap:18px;margin-top:46px}
.play{width:76px;height:76px;border-radius:50%;border:1px solid var(--ouro);
  display:flex;align-items:center;justify-content:center;color:var(--ouro);
  transition:background .45s var(--ease),color .45s var(--ease)}
.player:hover .play{background:var(--ouro);color:var(--bordo)}

/* ---------- triptico ---------- */
.trip{margin-top:44px;border-top:1px solid rgba(239,173,35,.18)}
.trip p{padding:16px 0;border-bottom:1px solid rgba(239,173,35,.18);
  font-size:1.02rem;opacity:.86}

/* ---------- contraste ---------- */
.contraste{max-width:900px;margin:54px auto 0}
.linha{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:clamp(14px,4vw,52px);padding:25px 0;border-bottom:1px solid rgba(239,173,35,.14);
  opacity:0;transform:translateY(20px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.linha.on{opacity:1;transform:none}
.cabecalho{padding:0 0 18px;border-bottom:1px solid rgba(239,173,35,.28)}
.cabecalho .a,.cabecalho .b{font-family:var(--util);font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;font-style:normal}
.cabecalho .a{color:rgba(247,241,227,.45)}
.cabecalho .b{color:var(--ouro)}
.linha .a{text-align:right;color:rgba(247,241,227,.4);font-size:clamp(.92rem,2vw,1.12rem)}
.linha .b{text-align:left;color:var(--ouro);font-family:var(--display);
  font-size:clamp(1.04rem,2.3vw,1.42rem)}
.linha .p{width:5px;height:5px;transform:rotate(45deg);background:var(--ouro-escuro);opacity:.55}

/* ---------- carrossel ---------- */
.trilho{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  padding:52px 24px 18px;margin:0 -24px;scrollbar-width:none;cursor:grab}
.trilho::-webkit-scrollbar{display:none}
.trilho.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.trilho.drag *{pointer-events:none}
.navtrilho{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.setas{display:flex;gap:12px}
.seta{width:52px;height:52px;border-radius:50%;border:1px solid var(--ouro-escuro);
  background:transparent;color:var(--ouro);cursor:pointer;display:flex;
  align-items:center;justify-content:center;
  transition:background .4s var(--ease),color .4s var(--ease),opacity .3s}
.seta:hover:not(:disabled){background:var(--ouro);color:var(--bordo)}
.seta:disabled{opacity:.25;cursor:default}
.seta:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
.barra{flex:1;height:1px;background:rgba(239,173,35,.2);position:relative;max-width:340px}
.barra i{position:absolute;left:0;top:-1px;height:3px;background:var(--ouro);
  width:22%;transition:transform .25s linear}
.card{flex:0 0 clamp(244px,29vw,336px);scroll-snap-align:center}
.card .fig{aspect-ratio:3/4}
.card h3{font-family:var(--display);font-weight:400;font-size:1.28rem;margin:18px 0 7px}
.card p{font-size:.93rem;opacity:.7;line-height:1.62}

/* ---------- vivência secreta ---------- */
.segredo{min-height:100svh;display:flex;align-items:center;padding:0}
.segredo .bg{position:absolute;inset:0;z-index:0}
.segredo .bg img{width:100%;height:100%;object-fit:cover;object-position:30% center;opacity:.75}
.segredo .veu{position:absolute;inset:0;z-index:1;
  background:radial-gradient(70% 60% at 50% 50%,rgba(20,3,5,.42),rgba(15,2,4,.93))}
.segredo .wrap{padding:clamp(84px,10vw,140px) 24px;text-align:center}

/* ---------- listas ---------- */
.itens{list-style:none;margin-top:38px;max-width:60ch}
.itens li{display:flex;gap:18px;align-items:baseline;padding:15px 0;
  border-bottom:1px solid rgba(239,173,35,.14);font-size:1.04rem}
.itens li::before{content:"";flex:0 0 20px;height:1px;background:var(--ouro-escuro);
  transform:scaleX(0);transform-origin:left;transition:transform .75s var(--ease)}
.is-in .itens li::before{transform:scaleX(1)}
.is-in .itens li:nth-child(2)::before{transition-delay:.1s}
.is-in .itens li:nth-child(3)::before{transition-delay:.2s}
.is-in .itens li:nth-child(4)::before{transition-delay:.3s}
.is-in .itens li:nth-child(5)::before{transition-delay:.4s}

.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,84px);align-items:center}
@media(max-width:880px){.duas{grid-template-columns:1fr}}

/* ---------- elizabeth ---------- */
.rotulo{font-family:var(--util);font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ouro);margin:32px 0 9px}
.assin{width:min(320px,76%);margin-top:44px}

/* ---------- data ---------- */
.grande{font-family:var(--display);font-size:clamp(3rem,12vw,9rem);line-height:.95;
  letter-spacing:-.03em;color:var(--tinta)}
.grande em{font-style:italic;color:var(--ouro-forte);font-weight:600}
.claro .texfundo{position:absolute;inset:0;z-index:0;opacity:.5}
.claro .texfundo img{width:100%;height:100%;object-fit:cover}

/* ---------- convite ---------- */
.convite{position:relative;background:var(--marfim);color:var(--tinta);
  padding:clamp(40px,6vw,72px);text-align:center;border:1px solid var(--ouro-texto);
  max-width:640px;margin:0 auto;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.seloConvite{width:84px;margin:0 auto 26px;display:block}
.convite h2{color:var(--tinta);margin:16px 0 18px}
.convite p{max-width:44ch;margin:0 auto 28px;opacity:.8}
.convite .cta{color:var(--bordo);border-color:var(--bordo)}
.convite .cta::before{background:var(--bordo)}
.convite .cta:hover{color:var(--marfim)}

/* ---------- faq ---------- */
.faq{max-width:780px;margin:48px auto 0;position:relative;z-index:2}
.q{border-bottom:1px solid rgba(26,5,8,.16)}
.q button{width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;
  font-family:var(--display);font-size:clamp(1rem,2vw,1.2rem);color:var(--tinta)}
.sinal{flex:0 0 auto;width:15px;height:15px;position:relative;transition:transform .5s var(--ease)}
.sinal::before,.sinal::after{content:"";position:absolute;background:var(--ouro-texto)}
.sinal::before{left:0;top:7px;width:15px;height:1px}
.sinal::after{top:0;left:7px;width:1px;height:15px}
.q[open] .sinal{transform:rotate(135deg)}
.resp{max-height:0;overflow:hidden;transition:max-height .55s var(--ease)}
.resp p{padding:0 0 26px;max-width:62ch;opacity:.82;font-size:.97rem}

/* ---------- fecho ---------- */
.fecho{min-height:100svh;display:flex;align-items:center;text-align:center;padding:0}
.fecho .bg{position:absolute;inset:0;z-index:0}
.fecho .bg img{width:100%;height:100%;object-fit:cover;object-position:18% center;opacity:.62}
.fecho .veu{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(15,2,4,.55),rgba(15,2,4,.78) 55%,rgba(15,2,4,.9))}
.fecho .wrap{padding:clamp(84px,10vw,140px) 24px 130px}
@media(min-width:900px){.fecho .wrap{margin-left:auto;margin-right:6%;max-width:600px}}
.fecho .selo{width:clamp(74px,10vw,116px);color:var(--ouro);margin:0 auto 36px;opacity:.92}

.insta{display:inline-flex;align-items:center;gap:9px;font-family:var(--util);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  transition:color .4s var(--ease)}
.insta svg{width:17px;height:17px;flex:0 0 auto}
.insta:hover{color:var(--ouro)}
.insta.beth{margin-top:26px;color:var(--ouro);opacity:.9}
.insta.beth:hover{opacity:1}
footer .insta{margin-top:6px}
footer{padding:62px 24px 104px;border-top:1px solid rgba(239,173,35,.15);
  text-align:center;font-size:.86rem;opacity:.6;line-height:2.2}
footer a:hover{color:var(--ouro)}


.vazio{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  text-align:center;border:1px solid rgba(239,173,35,.22);
  background:radial-gradient(120% 90% at 30% 15%,rgba(239,173,35,.12),transparent 62%),
             linear-gradient(160deg,#54101D,#28060D 72%)}
.vazio::after{content:attr(data-label);font-family:var(--util);font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(247,241,227,.5);
  padding:20px;max-width:30ch;line-height:2.1}
.fig{position:relative}
.claro .vazio{border-color:rgba(143,86,16,.34);
  background:linear-gradient(160deg,#EFE6D2,#DDD0B6)}
.claro .vazio::after{color:rgba(26,5,8,.4)}
.bg .vazio{border:0}
@media(prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation:none!important}
  .line>span,.up,.linha,.hero .bg img{transform:none!important;opacity:1!important}
}

/* ================= SUBPÁGINAS ================= */
.subhero{min-height:64svh;display:flex;align-items:flex-end;padding:150px 24px 110px;
  position:relative}
.subhero .bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.subhero .bg img{width:100%;height:100%;object-fit:cover;opacity:.5;
  animation:kb 30s ease-in-out infinite alternate}
.subhero .veu{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(15,2,4,.78),rgba(15,2,4,.42) 46%,rgba(15,2,4,.2))}

.subhero h1{font-size:clamp(2.1rem,5.6vw,4.2rem);max-width:18ch}
.subhero .lede{max-width:52ch}

.voltar{display:inline-flex;align-items:center;gap:10px;font-family:var(--util);
  font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ouro);
  margin-bottom:26px;transition:gap .35s var(--ease)}
.voltar:hover{gap:16px}
.claro .voltar{color:var(--ouro-texto)}

.prosa{max-width:62ch}
.prosa p{margin-bottom:22px}
.prosa h3{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.6vw,1.9rem);
  margin:44px 0 14px;line-height:1.2}
.prosa h3 em{font-style:italic;color:var(--ouro)}
.claro .prosa h3 em{color:var(--ouro-texto)}
.prosa strong{font-weight:500;color:var(--ouro)}
.claro .prosa strong{color:var(--ouro-texto)}

.destaque{border-left:2px solid var(--ouro-escuro);padding:6px 0 6px 26px;margin:38px 0;
  font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.5rem);font-style:italic;
  color:var(--ouro);line-height:1.35}
.claro .destaque{border-color:var(--ouro-texto);color:var(--ouro-texto)}

/* ============ DISSOLUÇÃO DAS IMAGENS DE FUNDO ============
   Em vez de cobrir a foto com uma cor, a própria foto se dissolve.
   Assim ela some no fundo contínuo do site, seja qual for o tom ali. */
.subhero .bg,.subhero .veu{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 44%,rgba(0,0,0,.45) 74%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 44%,rgba(0,0,0,.45) 74%,transparent 100%)}
.hero .bg,.hero .veu{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.42) 78%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.42) 78%,transparent 100%)}
.segredo .bg,.segredo .veu{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 60%,rgba(0,0,0,.4) 84%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 60%,rgba(0,0,0,.4) 84%,transparent 100%)}
.fecho .bg,.fecho .veu{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%)}

/* ============ CONTINUIDADE ENTRE AS DOBRAS ============
   O fundo passa a ser um único gradiente contínuo no body.
   As seções escuras ficam transparentes: sem blocos de cor, sem emenda. */
body{background:#310910;
  background-image:linear-gradient(180deg,#2A070D 0%,#3E0B15 26%,#2C080E 52%,#3E0B15 78%,#2A070D 100%);
  background-attachment:fixed;background-size:100% 100%}
.bordo,.escuro{background:transparent}
.bordo::before,.escuro::before{content:"";position:absolute;inset:0;z-index:0;
  pointer-events:none;
  background:radial-gradient(78% 58% at 50% 0%,rgba(239,173,35,.045),transparent 72%)}
.navpg{background:transparent;border-top:1px solid rgba(239,173,35,.18)}
.navpg a{background:transparent;border-right:1px solid rgba(239,173,35,.18)}
.navpg a:last-child{border-right:0}
.navpg a:hover{background:rgba(239,173,35,.05)}
.voltarhome{background:transparent;border-top:0}
footer{background:transparent;border-top:1px solid var(--ouro-escuro);
  padding-top:76px}

/* seções claras: entram e saem em degradê, sem degrau */
.claro{position:relative;background:transparent}
.claro{padding-top:clamp(150px,15vw,210px);padding-bottom:clamp(150px,15vw,210px)}
.claro .fundoclaro{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0,var(--marfim) 118px,
    var(--marfim) calc(100% - 118px),transparent 100%)}
.claro .wrap,.claro .faq{position:relative;z-index:3}
.claro .texfundo{z-index:1;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 118px,#000 calc(100% - 118px),transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 118px,#000 calc(100% - 118px),transparent 100%)}

/* borda dourada nas imagens, como no player da VSL */
.fig:not(.bg){border:1px solid rgba(239,173,35,.3)}
.cartao .fig{border:0}
.etapa .fig{border:1px solid rgba(239,173,35,.3)}
.card .fig{border:1px solid rgba(239,173,35,.3)}
.duas .fig{border:1px solid rgba(239,173,35,.3)}

/* cards clicáveis do carrossel */
.card{display:block;color:inherit}
.card h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;
  text-decoration-color:rgba(239,173,35,.45);
  transition:color .4s var(--ease),text-decoration-color .4s var(--ease)}
.card .fig img{transition:transform 1.2s var(--ease),opacity .5s var(--ease)}
.card:hover h3{color:var(--ouro);text-decoration-color:var(--ouro)}
.card:hover .fig img{transform:scale(1.05)}
.card .ver{display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  font-family:var(--util);font-size:9px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ouro);opacity:.75;transition:gap .35s var(--ease),opacity .35s var(--ease)}
.card:hover .ver{gap:14px;opacity:1}

/* jornada em etapas */
.jornada{margin-top:60px;position:relative}
.jornada::before{content:"";position:absolute;left:29px;top:12px;bottom:12px;width:1px;
  background:rgba(239,173,35,.22)}
.etapa{display:grid;grid-template-columns:60px 1fr;gap:26px;padding:0 0 52px;position:relative}
.etapa .num{width:60px;height:60px;border-radius:50%;border:1px solid rgba(239,173,35,.4);
  background:var(--bordo-fundo);display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:1.15rem;color:var(--ouro);z-index:1}
.etapa .corpo{padding-top:6px}
.etapa .fig{aspect-ratio:16/9;overflow:hidden;margin-bottom:20px;max-width:420px}
.etapa .fig img{width:100%;height:100%;object-fit:cover;opacity:.9;
  transition:transform 1.2s var(--ease)}
.etapa a:hover .fig img{transform:scale(1.05)}
.etapa h3{font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,2.8vw,1.95rem);
  margin-bottom:12px;text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:7px;text-decoration-color:rgba(239,173,35,.4);
  transition:color .4s var(--ease),text-decoration-color .4s var(--ease)}
.etapa a:hover h3{color:var(--ouro);text-decoration-color:var(--ouro)}
.etapa p{max-width:56ch;opacity:.86;margin-bottom:14px}
.etapa .ver{display:inline-flex;align-items:center;gap:9px;font-family:var(--util);
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro);
  transition:gap .35s var(--ease)}
.etapa a:hover .ver{gap:15px}
@media(max-width:620px){
  .jornada::before{left:21px}
  .etapa{grid-template-columns:44px 1fr;gap:18px}
  .etapa .num{width:44px;height:44px;font-size:.95rem}
}

/* grade de subpáginas */
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  gap:22px;margin-top:56px}
.cartao{position:relative;display:block;overflow:hidden;border:1px solid rgba(239,173,35,.2);
  background:var(--bordo-claro);transition:border-color .5s var(--ease)}
.cartao:hover{border-color:var(--ouro)}
.cartao .fig{aspect-ratio:4/3;position:relative;overflow:hidden}
.cartao .fig img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.3s var(--ease);opacity:.86}
.cartao:hover .fig img{transform:scale(1.06);opacity:1}
.cartao .txt{padding:24px 24px 28px}
.cartao h3{font-family:var(--display);font-weight:400;font-size:1.24rem;margin-bottom:8px}
.cartao p{font-size:.92rem;opacity:.72;line-height:1.6}
.cartao .mais{display:inline-flex;align-items:center;gap:9px;margin-top:16px;
  font-family:var(--util);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ouro);transition:gap .35s var(--ease)}
.cartao:hover .mais{gap:15px}

/* navegação entre páginas */
.navpg{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(239,173,35,.2);
  border-top:1px solid rgba(239,173,35,.2)}
.navpg a{background:var(--bordo-fundo);padding:44px 28px;transition:background .5s var(--ease)}
.navpg a:hover{background:var(--bordo)}
.navpg .rot{font-family:var(--util);font-size:10px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--ouro);opacity:.7;display:block;margin-bottom:10px}
.navpg .tit{font-family:var(--display);font-size:clamp(1.05rem,2.2vw,1.4rem)}
.navpg .fim{text-align:right}
@media(max-width:640px){.navpg{grid-template-columns:1fr}.navpg .fim{text-align:left}}

/* aviso de conteúdo pendente */
.aviso{border:1px dashed rgba(239,173,35,.4);padding:30px 28px;margin-top:40px;
  font-size:.96rem;opacity:.85;max-width:56ch}
.aviso b{font-family:var(--util);font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ouro);display:block;margin-bottom:12px;font-weight:500}

/* ficha de dados */
.ficha{border-top:1px solid rgba(239,173,35,.2);margin-top:44px;max-width:56ch}
.ficha div{display:flex;justify-content:space-between;gap:22px;padding:17px 0;
  border-bottom:1px solid rgba(239,173,35,.14)}
.ficha dt{font-family:var(--util);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;opacity:.6}
.ficha dd{text-align:right}

/* link "saiba mais" nas dobras da home */
.saibamais{display:inline-flex;align-items:center;gap:11px;margin-top:30px;
  font-family:var(--util);font-size:10px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ouro);border-bottom:1px solid rgba(239,173,35,.35);padding-bottom:7px;
  transition:gap .35s var(--ease),border-color .4s var(--ease)}
.saibamais:hover{gap:18px;border-color:var(--ouro)}
.claro .saibamais{color:var(--ouro-texto);border-color:rgba(143,86,16,.4)}

.top .marca img{width:38px;height:auto;display:block}
.cta.inicio{color:var(--marfim);border-color:rgba(247,241,227,.42)}
.cta.inicio::before{background:var(--marfim)}
.cta.inicio:hover{color:var(--bordo)}
.voltarhome{text-align:center;padding:56px 24px 76px;background:var(--bordo-fundo);
  border-top:1px solid rgba(239,173,35,.14)}

/* menu do topo */
.menu{display:flex;gap:26px;align-items:center}
.menu a{font-family:var(--util);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  opacity:.7;transition:opacity .35s var(--ease),color .35s var(--ease)}
.menu a:hover,.menu a[aria-current]{opacity:1;color:var(--ouro)}
@media(max-width:1080px){.menu{display:none}}

/* ================= GAVETAS ================= */
section{scroll-margin-top:78px}
.gaveta{margin-top:34px;border-top:1px solid rgba(239,173,35,.28);max-width:960px}
.gavetas{margin-top:44px}
.gavetas .gaveta{margin-top:0;border-bottom:1px solid rgba(239,173,35,.16)}
.gavetas .gaveta:first-child{border-top:1px solid rgba(239,173,35,.28)}
.gaveta .abrir{width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;
  font-family:var(--util);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ouro);transition:opacity .35s var(--ease)}
.gaveta .abrir:hover{opacity:.75}
.gaveta .abrir:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}
.sinalg{flex:0 0 auto;width:16px;height:16px;position:relative;transition:transform .5s var(--ease)}
.sinalg::before,.sinalg::after{content:"";position:absolute;background:var(--ouro)}
.sinalg::before{left:0;top:7.5px;width:16px;height:1px}
.sinalg::after{top:0;left:7.5px;width:1px;height:16px}
.gaveta.aberta .sinalg{transform:rotate(135deg)}
.gaveta .conteudo{max-height:0;overflow:hidden;transition:max-height .7s var(--ease)}
.gaveta .dentro{padding:6px 0 46px}
.gaveta .dentro .prosa h3:first-child{margin-top:0}
.gaveta.aberta{border-top-color:var(--ouro)}

/* cards viram botões */
.trilho{align-items:flex-start}
button.card{display:block;border:0;background:none;padding:0;text-align:left;color:inherit;
  cursor:pointer;font-family:inherit;font-size:inherit}
button.card:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}

/* seções de imagem cheia: conteúdo empilhado e centralizado */
.segredo,.hero,.fecho{flex-direction:column;justify-content:center}
.segredo > .wrap,.hero > .wrap,.fecho > .wrap{width:100%}
.segredo > .wrap + .wrap{padding-top:0}
.segredo .gaveta,.fecho .gaveta{max-width:820px}
.segredo .lede,.fecho .lede,.hero .lede{margin-left:auto;margin-right:auto}
.segredo h2,.fecho h2{margin-left:auto;margin-right:auto}

/* ================= GAVETAS: BLOCO CENTRALIZADO ================= */
.gaveta{margin-left:auto;margin-right:auto}
.gaveta .abrir{justify-content:center;gap:18px}
.gaveta .dentro{text-align:left}
.gaveta .dentro .prosa,.gaveta .dentro .destaque,
.gaveta .dentro .ficha,.gaveta .dentro .aviso{margin-left:auto;margin-right:auto}
.gaveta .dentro div[style*="text-align:center"]{text-align:center}

/* ================= MOBILE CENTRALIZADO ================= */
@media(max-width:880px){
  .duas{text-align:center}
  .duas .fig{width:100%;max-width:520px;margin-left:auto;margin-right:auto}
  .duas .lede,.trip,.prosa,.destaque,.ficha,.aviso,.itens{
    margin-left:auto;margin-right:auto}
  .itens{text-align:center}
  .itens li{justify-content:center;gap:0}
  .itens li::before{display:none}
  .rotulo{text-align:center}
  .assin{display:block;margin-left:auto;margin-right:auto}
  .insta.beth{margin-left:auto;margin-right:auto}
}

/* ================= CTAs SEMPRE CENTRALIZADOS ================= */
div:has(> .cta){text-align:center}
.top div:has(> .cta),.bottom div:has(> .cta){text-align:initial}
.gaveta .dentro div:has(> .cta){text-align:center}
.convite,.player{text-align:center}

/* ================= MENU ================= */
.hamb{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;
  gap:5px;width:38px}
.hamb span{display:block;height:1px;background:var(--ouro);transition:transform .4s var(--ease),opacity .3s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.painel{position:fixed;inset:0;z-index:80;background:rgba(24,4,7,.97);backdrop-filter:blur(8px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:80px 24px}
.painel[hidden]{display:none}
.painel nav{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;
  max-height:64vh;overflow-y:auto}
.painel nav a{font-family:var(--display);font-size:clamp(1.3rem,5.4vw,1.9rem);color:var(--marfim);
  padding:11px 8px;opacity:0;transform:translateY(14px);
  transition:opacity .5s var(--ease),transform .5s var(--ease),color .3s}
.painel.mostra nav a{opacity:1;transform:none}
.painel nav a:hover{color:var(--ouro)}
.painel .cta{margin-top:26px}
.painel .fechar{position:absolute;top:22px;right:24px;background:none;border:0;color:var(--ouro);
  font-size:2.2rem;line-height:1;cursor:pointer}
@media(max-width:1080px){
  .hamb{display:flex}
  .top{justify-content:space-between}
  .top .marca b{display:none}
}
@media(max-width:560px){.top .cta{display:none}}
/* ---- instagram da idealizadora ---- */
.insta.beth{font-size:14px;letter-spacing:.16em;gap:13px;margin-top:30px}
.insta.beth svg{width:26px;height:26px;stroke-width:1.35}
@media(max-width:560px){
  .insta.beth{font-size:13px}
  .insta.beth svg{width:23px;height:23px}
}

/* menu completo no desktop */
.menu{gap:clamp(12px,1.5vw,22px);flex:1;justify-content:center;flex-wrap:nowrap}
.menu a{font-size:clamp(8px,.66vw,9.5px);letter-spacing:.11em;white-space:nowrap}
.top{gap:clamp(12px,2vw,26px)}
.top .cta{white-space:nowrap;padding:12px 18px}
@media(max-width:1420px){.menu a{letter-spacing:.1em}}
@media(max-width:1340px){.menu{display:none}.hamb{display:flex}}

/* player da VSL */
.player{position:relative;cursor:pointer;overflow:hidden;background:#160306}
.player .capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.62;transition:opacity .6s var(--ease),transform 1.4s var(--ease)}
.player:hover .capa{opacity:.78;transform:scale(1.03)}
.player .play{position:relative;z-index:2;background:transparent;
  border:1px solid var(--ouro);color:var(--ouro);cursor:pointer}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player.tocando{cursor:default}
.player.tocando .capa,.player.tocando .play{display:none}

/* cards da dobra 03: totalmente estáticos */
.card{cursor:default;pointer-events:none}
.card h3{text-decoration:none}
.card .fig img,.card:hover .fig img,.card:focus .fig img{
  opacity:1;transform:none;filter:none;transition:none;animation:none}
.card:hover h3,.card:focus h3{color:inherit;text-decoration:none;text-decoration-color:transparent}
.card .fig{border:1px solid rgba(239,173,35,.3)}
.card .fig::before,.card .fig::after{display:none}
.card .ver{display:none}
.trilho{pointer-events:auto}

/* dobras 07 e 10: letra escura, preenchimento bordô, letra dourada no hover */
#quando .cta,#perguntas .cta{color:var(--tinta);border-color:var(--ouro-texto)}
#quando .cta::before,#perguntas .cta::before{background:var(--bordo)}
#quando .cta:hover,#perguntas .cta:hover{color:var(--ouro)}

/* gaveta sobre fundo claro: rótulo, sinal e linhas em bordô */
.claro .gaveta{border-top-color:rgba(60,10,19,.32)}
.claro .gaveta.aberta{border-top-color:var(--bordo)}
.claro .gaveta .abrir{color:var(--bordo)}
.claro .gaveta .abrir:hover{opacity:.65}
.claro .sinalg::before,.claro .sinalg::after{background:var(--bordo)}
.claro .aviso{border-color:rgba(60,10,19,.35)}
.claro .aviso b{color:var(--bordo)}
.claro .ficha{border-top-color:rgba(60,10,19,.28)}
.claro .ficha div{border-bottom-color:rgba(60,10,19,.16)}
/* ---- largura do player da VSL ---- */
.player{max-width:780px;margin-left:auto;margin-right:auto}
@media(max-width:820px){.player{max-width:100%}}
/* ---- som da VSL ---- */
.player .som{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);
  display:none;align-items:center;gap:9px;padding:11px 20px;cursor:pointer;
  background:rgba(38,6,9,.82);border:1px solid var(--ouro);color:var(--ouro);
  font-family:var(--util);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  backdrop-filter:blur(6px);white-space:nowrap}
.player.tocando .som{display:inline-flex}
.player.comsom .som{display:none}
.player .som:hover{background:var(--ouro);color:var(--bordo)}
@media(max-width:560px){.player .som{font-size:9px;padding:10px 15px;gap:7px}}
/* ---- toque na tela para ativar o som ---- */
.player .toque{position:absolute;inset:0;z-index:2;display:none;cursor:pointer;
  background:transparent}
.player.tocando .toque{display:block}
.player.comsom .toque{display:none}
/* ---- player de vídeo próprio ---- */
.player{aspect-ratio:1964/1080}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  background:#160306;display:block}
.player .capa{display:none}
.player.tocando .play{display:none}
/* ---- link de parceiros no rodapé ---- */
footer .linkparceiros{margin-top:26px}
footer .linkparceiros a{font-family:var(--util);font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ouro);text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:6px;
  text-decoration-color:rgba(239,173,35,.45);
  transition:color .35s var(--ease),text-decoration-color .35s var(--ease)}
footer .linkparceiros a:hover{color:var(--ouro-claro);text-decoration-color:var(--ouro-claro)}
@media(max-width:560px){footer .linkparceiros a{font-size:10px;letter-spacing:.16em}}
/* ---- dobra: o que você leva ---- */
.leva{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3.5vw,48px);
  margin-top:58px;text-align:left}
.leva > div{padding-top:26px;border-top:1px solid rgba(239,173,35,.28)}
.leva .rot{font-family:var(--util);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ouro);margin-bottom:16px}
.leva p{font-size:.98rem;line-height:1.66;opacity:.86;margin-bottom:13px}
.leva > div:last-child .rot{color:var(--marfim);opacity:.75}
.leva > div:last-child{border-top-color:rgba(247,241,227,.28)}
@media(max-width:900px){
  .leva{grid-template-columns:1fr;gap:0;text-align:center;max-width:52ch;
    margin-left:auto;margin-right:auto}
  .leva > div{padding:26px 0 30px}
}
/* ---- menu sempre em gaveta ---- */
.menu{display:none !important}
.hamb{display:flex !important}
.top{justify-content:flex-start;gap:clamp(14px,2vw,26px)}
.top .marca{margin-right:auto}
.top .marca b{display:inline}
@media(max-width:560px){.top .marca b{display:none}}

/* painel em duas colunas no desktop, para caber sem rolagem */
@media(min-width:900px){
  .painel nav{display:grid;grid-template-columns:1fr 1fr;
    column-gap:clamp(40px,7vw,110px);row-gap:2px;max-width:760px;max-height:none}
  .painel nav a{text-align:left;font-size:clamp(1.15rem,1.9vw,1.55rem);padding:9px 4px}
}
/* ---- palestrantes: curadoria em três colunas ---- */
.palestrantes{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(26px,3.6vw,52px);max-width:920px;margin:60px auto 0;text-align:left}
.pal{border-top:1px solid rgba(239,173,35,.26);padding-top:24px}
.pal .num{font-family:var(--display);font-size:.95rem;letter-spacing:.06em;
  color:var(--ouro);opacity:.7;margin-bottom:18px}
.pal .retrato{aspect-ratio:4/5;overflow:hidden;margin-bottom:22px;
  border:1px solid rgba(239,173,35,.18)}
.pal .retrato img{width:100%;height:100%;object-fit:cover;opacity:.88;
  transition:opacity .6s var(--ease)}
.pal:hover .retrato img{opacity:1}
.pal h3{font-family:var(--display);font-weight:400;
  font-size:clamp(1.2rem,2.2vw,1.5rem);margin-bottom:7px}
.pal .papel{font-family:var(--util);font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ouro);margin-bottom:16px;line-height:1.6}
.pal p{font-size:.93rem;line-height:1.66;opacity:.8;margin-bottom:11px}
.pal .retrato.semfoto{display:flex;align-items:center;justify-content:center;
  border-style:dashed;border-color:rgba(239,173,35,.26)}
.pal .retrato.semfoto span{font-family:var(--display);font-size:2.2rem;
  color:var(--ouro);opacity:.4;line-height:1}
.pal.aguardando h3,.pal.aguardando p{opacity:.66}
@media(max-width:820px){
  .palestrantes{grid-template-columns:1fr;gap:0;max-width:460px;text-align:center}
  .pal{padding:30px 0 34px}
  .pal .retrato{max-width:230px;margin-left:auto;margin-right:auto}
  .pal:last-child{border-bottom:1px solid rgba(239,173,35,.26)}
}
/* ---- faixa de parceiros ---- */
.faixaparceiros{display:flex;align-items:center;justify-content:center;
  gap:clamp(14px,2.4vw,28px);flex-wrap:wrap;text-align:center;
  padding:clamp(30px,4vw,42px) 24px;background:#0A0203;
  border-top:1px solid var(--ouro-escuro);border-bottom:1px solid var(--ouro-escuro);
  color:var(--ouro);transition:background .5s var(--ease),color .5s var(--ease)}
.faixaparceiros .rot{font-family:var(--util);font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;opacity:.7}
.faixaparceiros .txt{font-family:var(--display);font-size:clamp(1.05rem,2.3vw,1.5rem);
  color:var(--ouro-claro)}
.faixaparceiros .seta{display:inline-flex;transition:transform .4s var(--ease)}
.faixaparceiros:hover{background:var(--ouro);color:var(--bordo)}
.faixaparceiros:hover .txt{color:var(--bordo)}
.faixaparceiros:hover .seta{transform:translateX(8px)}
.faixaparceiros:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:-4px}
@media(max-width:600px){.faixaparceiros{gap:10px;padding:28px 20px}
  .faixaparceiros .rot{width:100%}}
/* ---- hierarquia da corte ---- */
.hier-abertura{font-family:var(--corpo);font-size:clamp(.98rem,1.7vw,1.12rem);
  line-height:1.66;opacity:.86;max-width:46ch;margin:0 0 26px}
@media(max-width:880px){.hier-abertura{margin-left:auto;margin-right:auto}}
/* ---- níveis da hierarquia ---- */
.hier-nivel{margin:16px 0 24px}
.hier-titulo{font-family:var(--display);font-weight:500;
  font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.15;color:var(--ouro);
  letter-spacing:.005em}
.hier-funcao{font-family:var(--util);font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;opacity:.62;margin-top:8px}
@media(max-width:880px){.hier-nivel{margin-left:auto;margin-right:auto}}
/* ---- nível 2: a duquesa ---- */
.hier-separador{height:1px;max-width:640px;margin:clamp(46px,6vw,74px) auto;
  background:linear-gradient(90deg,transparent,rgba(239,173,35,.34),transparent)}
.hier-bloco{display:grid;grid-template-columns:minmax(0,520px) 1fr;
  gap:clamp(28px,4.5vw,58px);align-items:center}
.hier-foto{aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(239,173,35,.3);
  background:var(--bordo-claro)}
.hier-foto img{width:100%;height:100%;object-fit:cover;opacity:.92}
.hier-bloco h3{font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin-bottom:2px}
.hier-bloco .hier-titulo{font-size:clamp(1.15rem,2.3vw,1.5rem)}
.hier-credencial{font-family:var(--util);font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;line-height:1.9;opacity:.6;max-width:52ch;margin-bottom:22px}
.hier-desc p{font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.68;
  opacity:.86;margin-bottom:11px;max-width:52ch}
@media(max-width:880px){
  .hier-bloco{grid-template-columns:1fr;text-align:center;gap:26px}
  .hier-foto{width:100%;max-width:340px;margin-left:auto;margin-right:auto}
  .hier-credencial,.hier-desc p{margin-left:auto;margin-right:auto}
}
/* ---- nível 3: as marquesas ---- */
.hier-grupo > .hier-nivel{margin-bottom:10px}
.hier-grupo > .hier-desc{max-width:52ch;margin-bottom:36px}
.hier-lista{display:grid;gap:clamp(30px,4vw,46px)}
.hier-membro{display:grid;grid-template-columns:minmax(0,260px) 1fr;
  gap:clamp(22px,3.5vw,42px);align-items:center}
.hier-membro h3{font-family:var(--display);font-weight:400;
  font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.15;margin-bottom:8px}
.hier-membro .hier-funcao{margin-top:0;margin-bottom:16px}
.hier-membro .hier-desc p{font-size:clamp(.92rem,1.5vw,1rem);line-height:1.66;
  opacity:.84;margin-bottom:10px;max-width:50ch}
@media(max-width:880px){
  .hier-grupo{text-align:center}
  .hier-grupo > .hier-desc{margin-left:auto;margin-right:auto}
  .hier-membro{grid-template-columns:1fr;text-align:center;gap:22px}
  .hier-membro .hier-foto{width:100%;max-width:340px;margin-left:auto;margin-right:auto}
  .hier-membro .hier-desc p{margin-left:auto;margin-right:auto}
}
/* ---- níveis 4 e 5: sem rosto ---- */
.hier-base{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(26px,4vw,58px);max-width:820px}
.hier-nivel-min .hier-titulo{font-size:clamp(1.05rem,1.9vw,1.25rem);
  margin-bottom:10px;opacity:.9}
.hier-nivel-min p{font-family:var(--corpo);font-size:clamp(.88rem,1.4vw,.95rem);
  line-height:1.66;opacity:.72;max-width:34ch}
@media(max-width:880px){
  .hier-base{grid-template-columns:1fr;gap:28px;text-align:center;
    margin-left:auto;margin-right:auto}
  .hier-nivel-min p{margin-left:auto;margin-right:auto}
}
/* ---- fechamento da escada ---- */
.hier-fechamento{font-family:var(--display);font-style:italic;
  font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.42;color:var(--ouro);
  text-align:center;max-width:34ch;
  margin:clamp(52px,6.5vw,80px) auto 0;padding-top:clamp(34px,4.5vw,46px);
  border-top:1px solid rgba(239,173,35,.26)}
/* ---- card sem retrato ---- */
.pal.semretrato{align-self:start}
.pal.semretrato h3{margin-top:0}
.pal-link{display:inline-flex;align-items:center;gap:9px;margin-top:6px;
  font-family:var(--util);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ouro);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:5px;text-decoration-color:rgba(239,173,35,.4);
  transition:text-decoration-color .35s var(--ease),gap .35s var(--ease)}
.pal-link::after{content:"→";font-family:var(--corpo);text-decoration:none}
.pal-link:hover{text-decoration-color:var(--ouro);gap:13px}
/* ---- proporção das fotos no mobile ---- */
@media(max-width:880px){
  #elizabeth .duas .fig{width:100%;max-width:340px}
  #elizabeth .hier-foto{max-width:340px}
}
/* ---- painéis do dia ---- */
.pnl-lista{max-width:760px;margin:56px auto 0}
.pnl-item{display:grid;grid-template-columns:56px 1fr;gap:clamp(14px,2vw,24px);
  align-items:baseline;padding:26px 0;border-top:1px solid rgba(239,173,35,.22)}
.pnl-item:last-child{border-bottom:1px solid rgba(239,173,35,.22)}
.pnl-num{font-family:var(--display);font-size:1.1rem;color:var(--ouro);opacity:.6;
  line-height:1.3}
.pnl-tema{font-family:var(--display);font-weight:400;
  font-size:clamp(1.2rem,2.3vw,1.5rem);line-height:1.2;margin-bottom:9px}
.pnl-desc{font-size:.96rem;line-height:1.66;opacity:.82;max-width:56ch;margin-bottom:10px}
.pnl-quem{font-family:var(--util);font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ouro);opacity:.85}
.pnl-quem a{text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:5px;text-decoration-color:rgba(239,173,35,.4);
  transition:text-decoration-color .35s var(--ease)}
.pnl-quem a:hover{text-decoration-color:var(--ouro)}
@media(max-width:640px){
  .pnl-item{grid-template-columns:1fr;gap:6px;padding:24px 0}
  .pnl-num{font-size:.95rem}
}