@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/cabinet-grotesk-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/cabinet-grotesk-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("../fonts/cabinet-grotesk-800.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  /* cor — fundo amostrado da parede do retrato (#b2a39c) clareado */
  --parede-0:#f3efea;
  --parede-1:#ebe5df;
  --parede-2:#e1d8d0;
  --parede-3:#d3c7bd;
  --camelo:#d9c7b0;          /* blazer #c9b7a0 clareado */
  --choco:#211611;
  --choco-2:#4b3832;
  --texto-2:#5a4a3f;
  --acento:#7a5b2a;          /* dourado escuro legível: 4,7:1 sobre --parede-1 */
  --ouro:#b8894a;            /* sublinhado e contorno */
  --ouro-claro:#d6aa68;
  /* tipo */
  --f-tit:"Cabinet Grotesk",ui-sans-serif,system-ui,sans-serif;
  --f-txt:"Manuale",Georgia,serif;
  --t-apoio:clamp(1.125rem,.35vw + 1rem,1.25rem);
  --t-mini:.9375rem;
  /* espaço */
  --borda:clamp(1.25rem,4.4vw,4.5rem);
  --cab-h:5.25rem;
  --gap:clamp(1rem,2.2vw,2rem);
  --raio:999px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-sai:cubic-bezier(.6,0,.8,.3);
  --papel:#fdfbf8;
  --papel-2:#f8f4ee;
  --noite:#211611;
  --noite-2:#2c1e17;
  --creme:#f3efea;
  --creme-2:#cbbcac;
  --secao-y:clamp(5rem,11vh,9rem);
  --wa:"https://wa.me/5524992002555";
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--parede-1);color:var(--choco);font-family:var(--f-txt);font-size:var(--t-apoio);line-height:1.5;overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit}


html{scroll-padding-top:1rem}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* rótulo de seção (como o do hero) */
.rotulo{margin:0 0 1.1rem;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);display:flex;align-items:center;gap:.75rem}
.rotulo::before{content:"";width:2.25rem;height:2px;background:var(--ouro);flex:none}
.escuro .rotulo{color:var(--creme-2)}
/* o grifo: uma palavra por título */
.grifo{color:var(--acento);background:linear-gradient(var(--ouro),var(--ouro)) left 92%/100% .075em no-repeat;padding-bottom:.04em}
.escuro .grifo{color:var(--ouro-claro);background-image:linear-gradient(var(--ouro-claro),var(--ouro-claro))}

/* entrada por rolagem (só com JS) */
.js [data-rev]{opacity:0;transform:translateY(1.1rem);transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.js [data-rev].vis{opacity:1;transform:none}

/* WhatsApp fixo no celular */
.wa-fixo{position:fixed;z-index:40;right:1rem;bottom:1rem;display:none;align-items:center;gap:.5rem;padding:.85rem 1.1rem .85rem .95rem;border-radius:999px;background:var(--choco);color:var(--parede-0);text-decoration:none;font-family:var(--f-tit);font-weight:800;font-size:1rem;box-shadow:0 14px 30px -12px rgba(33,22,17,.6);transform:translateY(160%);transition:transform .5s var(--ease)}
.wa-fixo svg{width:1.3rem;height:1.3rem;fill:var(--ouro-claro)}
.wa-fixo.on{transform:none}
@media (max-width:860px){.wa-fixo{display:inline-flex}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-rev]{opacity:1;transform:none}
}

/* ===== 00-he ===== */
/* ---------- cabeçalho ---------- */
.cab{position:absolute;inset:0 0 auto;z-index:10;height:var(--cab-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--borda)}
.cab-marca{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.cab-mono{width:2.6rem;height:2.6rem;background:var(--choco);
  -webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.cab-nome{display:flex;flex-direction:column;line-height:1.1}
.cab-nome b{font-family:var(--f-tit);font-weight:800;font-size:1.0625rem;letter-spacing:.01em}
.cab-nome small{font-family:var(--f-tit);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.cab-nav{display:flex;align-items:center;gap:1.75rem;font-family:var(--f-tit);font-weight:500;font-size:.9375rem}
.cab-areas{color:var(--texto-2);letter-spacing:.02em;text-decoration:none}
.cab-areas:hover{color:var(--choco)}
.cab-link{white-space:nowrap;text-decoration:none;padding:.55rem 1.05rem;border:1.5px solid color-mix(in oklab,var(--choco) 30%,transparent);border-radius:var(--raio);font-weight:700;transition:background .25s,border-color .25s}
.cab-link:hover,.cab-link:focus-visible{background:var(--choco);color:var(--parede-0);border-color:var(--choco)}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;overflow:clip;min-height:max(100svh,46rem);
  display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.86fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);
  padding:calc(var(--cab-h) + .5rem) var(--borda) clamp(1.5rem,3vh,2.5rem)}

/* malha */
.hero-malha{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(160deg in oklab,var(--parede-0) 0%,var(--parede-1) 45%,var(--parede-2) 100%)}
.hero-malha i{position:absolute;border-radius:50%;will-change:transform}
.hero-malha i:nth-child(1){width:80vmax;height:80vmax;left:-28vmax;top:-34vmax;background:radial-gradient(closest-side in oklab,var(--parede-0),color-mix(in oklab,var(--parede-0) 0%,transparent));animation:deriva-a 34s ease-in-out infinite alternate}
.hero-malha i:nth-child(2){width:72vmax;height:72vmax;right:-24vmax;top:-10vmax;background:radial-gradient(closest-side in oklab,var(--parede-3),color-mix(in oklab,var(--parede-3) 0%,transparent));opacity:.85;animation:deriva-b 38s ease-in-out infinite alternate}
.hero-malha i:nth-child(3){width:58vmax;height:58vmax;left:30%;bottom:-36vmax;background:radial-gradient(closest-side in oklab,var(--camelo),color-mix(in oklab,var(--camelo) 0%,transparent));opacity:.5;animation:deriva-c 29s ease-in-out infinite alternate}
.hero-malha i:nth-child(4){width:46vmax;height:46vmax;left:8%;top:30%;background:radial-gradient(closest-side in oklab,#f6f3ef,color-mix(in oklab,#f6f3ef 0%,transparent));opacity:.7;animation:deriva-b 26s ease-in-out infinite alternate-reverse}
@keyframes deriva-a{to{transform:translate(6vmax,5vmax) scale(1.08)}}
@keyframes deriva-b{to{transform:translate(-5vmax,6vmax) scale(.94)}}
@keyframes deriva-c{to{transform:translate(-8vmax,-4vmax) scale(1.1)}}

/* texto */
.hero-texto{container-type:inline-size;position:relative;min-width:0;padding-left:clamp(0rem,2.6vw,2.5rem)}
.hero-sobre{margin:0 0 clamp(.75rem,2vh,1.4rem);font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);display:flex;align-items:center;gap:.75rem}
.hero-sobre::before{content:"";width:2.25rem;height:2px;background:var(--ouro)}

.hero-titulo{position:relative;margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.035em;line-height:.94;
  font-size:min(12.1cqi,7.4rem);color:var(--choco);text-wrap:nowrap}
.t-aspas{position:absolute;left:-.5em;top:-.08em;font-size:.9em;line-height:1;color:var(--ouro);font-weight:800}
.t-linha{display:block;overflow:clip;overflow-clip-margin:.12em;padding-bottom:.04em}
.t-linha>span{display:inline-block}
.t-vaga{position:relative;display:inline-block;vertical-align:bottom;white-space:pre;overflow:hidden;
  line-height:1.16;padding:0 .02em .12em 0;margin-bottom:-.12em;color:var(--acento);transition:width .7s var(--ease)}
.t-palavra{display:inline-block}
.t-palavra .c{display:inline-block;white-space:pre;will-change:transform}
.t-sub{position:absolute;left:0;right:.02em;bottom:.07em;height:.075em;min-height:4px;border-radius:2px;background:var(--ouro);transform-origin:left center}
.t-q{display:inline-block;vertical-align:bottom;line-height:1.16;margin-left:.02em}

.hero-assina{margin:clamp(.6rem,1.6vh,1rem) 0 0;font-size:var(--t-apoio);color:var(--texto-2)}
.hero-assina span{color:var(--ouro);margin-right:.2em}

/* opções */
.hero-escolha{margin-top:clamp(1rem,2.6vh,1.6rem)}
.ops{display:grid;grid-template-columns:repeat(3,max-content);gap:.45rem .45rem}
.op{position:relative;overflow:hidden;cursor:pointer;border:1.5px solid color-mix(in oklab,var(--choco) 22%,transparent);background:color-mix(in oklab,var(--parede-0) 55%,transparent);
  border-radius:var(--raio);padding:.48rem .82rem .52rem;font-family:var(--f-tit);font-weight:700;font-size:1rem;letter-spacing:.005em;white-space:nowrap;
  transition:background .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.op:hover{border-color:var(--choco)}
.op:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
.op[aria-pressed="true"]{background:var(--choco);color:var(--parede-0);border-color:var(--choco)}
.op::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ouro-claro);transform:scaleX(0);transform-origin:left}
.op.tempo::after{animation:tempo var(--ciclo,6s) linear forwards}
@keyframes tempo{to{transform:scaleX(1)}}

/* contexto */
.hero-contexto{margin:clamp(1rem,2.8vh,1.75rem) 0 0;padding-left:1rem;border-left:2px solid var(--ouro);min-height:calc(var(--t-apoio) * 1.5 * 2 + 2rem);max-width:36rem}
.hero-contexto blockquote{margin:0;font-size:clamp(1.1875rem,.5vw + 1rem,1.375rem);line-height:1.42;font-weight:500;color:var(--choco);text-wrap:pretty}
.hero-contexto figcaption{margin-top:.3rem;font-family:var(--f-tit);font-weight:500;font-size:var(--t-mini);letter-spacing:.02em;color:var(--texto-2)}
.hero-contexto.troca>*{animation:ctx .55s var(--ease) both}
.hero-contexto.troca figcaption{animation-delay:.08s}
@keyframes ctx{from{opacity:0;transform:translateY(.5rem)}}

/* ação */
.hero-acao{margin-top:clamp(1.1rem,3vh,2rem);display:flex;align-items:center;gap:.6rem 1.25rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;background:var(--choco);color:var(--parede-0);border-radius:var(--raio);
  padding:1rem 1.6rem 1rem 1.3rem;font-family:var(--f-tit);font-weight:800;font-size:1.125rem;letter-spacing:.01em;box-shadow:0 14px 30px -16px rgba(33,22,17,.55);transition:transform .25s var(--ease),background .25s}
.btn svg{width:1.35rem;height:1.35rem;fill:var(--ouro-claro)}
.btn:hover{background:var(--choco-2);transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid var(--acento);outline-offset:4px}
.btn-previa{margin:0;max-width:22rem;font-size:var(--t-mini);line-height:1.4;color:var(--texto-2)}
.btn-previa-rot{display:block;font-family:var(--f-tit);font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}

/* figura */
.hero-figura{position:relative;justify-self:center;align-self:end;height:min(calc(100svh - var(--cab-h) - 2.5rem),56rem);min-height:36rem;display:flex;flex-direction:column;align-items:center}
.fig-arco{position:relative;height:calc(100% - 3.4rem);aspect-ratio:1374/2606}
.fig-arco img{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.fig-arco::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-1.2rem;height:2.4rem;border-radius:50%;background:radial-gradient(closest-side,rgba(60,40,28,.22),rgba(60,40,28,0))}
.fig-contorno{position:absolute;inset:0;transform:translate(1.1rem,1.1rem);border:1.5px solid var(--ouro);border-radius:50% 50% 0 0/26% 26% 0 0;border-bottom:0}
.fig-legenda{margin:.7rem 0 0;font-family:var(--f-tit);font-weight:500;font-size:.875rem;line-height:1.35;color:var(--texto-2);text-align:center}
.fig-legenda b{font-weight:800;color:var(--choco);margin-right:.35rem}

.prova{position:absolute;left:clamp(-9rem,-8vw,-3rem);bottom:clamp(5rem,14%,9rem);width:min(19rem,92%);padding:1.05rem 1.2rem 1rem;
  background:color-mix(in oklab,var(--parede-0) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid color-mix(in oklab,var(--choco) 10%,transparent);border-radius:1rem;box-shadow:0 22px 40px -24px rgba(33,22,17,.45)}
.prova-nota{margin:0 0 .45rem;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;color:var(--texto-2)}
.prova-nota b{font-weight:800;font-size:1.6rem;color:var(--choco);margin-right:.15rem;letter-spacing:-.02em}
.prova blockquote{margin:0;font-size:1.0625rem;line-height:1.4;color:var(--choco)}
.prova-quem{margin:.4rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:.875rem;color:var(--acento)}

/* entrada */
.js .rev{opacity:0;transform:translateY(1.1rem)}
.js .t-linha.rev{opacity:1;transform:none}
.js .t-linha.rev>span{transform:translateY(105%)}
.js .t-aspas,.js .t-q{opacity:0}
.js .rev-fig .fig-arco{clip-path:inset(100% 0 0 0)}
.js .rev-fig .fig-contorno{opacity:0;transform:translate(0,0)}
.js .rev-fig .prova,.js .rev-fig .fig-legenda{opacity:0;transform:translateY(1rem)}
.is-in .rev{opacity:1;transform:none;transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.is-in .t-linha.rev>span{transform:none;transition:transform 1s var(--ease) var(--d,0s)}
.is-in .t-aspas{opacity:1;transition:opacity 1s ease .9s}
.is-in .t-q{opacity:1;transition:opacity .6s ease .7s}
.is-in .rev-fig .fig-arco{clip-path:inset(0 0 0 0);transition:clip-path 1.4s var(--ease) .2s}
.is-in .rev-fig .fig-contorno{opacity:1;transform:translate(1.1rem,1.1rem);transition:opacity .8s ease 1.2s,transform 1.2s var(--ease) 1.2s}
.is-in .rev-fig .prova{opacity:1;transform:none;transition:opacity .8s var(--ease) 1.5s,transform .9s var(--ease) 1.5s}
.is-in .rev-fig .fig-legenda{opacity:1;transform:none;transition:opacity .8s ease 1.7s,transform .9s var(--ease) 1.7s}

/* ---------- notebook baixo ---------- */
@media (max-height:820px) and (min-width:861px){
  .hero-titulo{font-size:min(11cqi,6.4rem)}
  .hero-contexto{min-height:calc(var(--t-apoio) * 1.42 * 2 + 1.4rem)}
}
@media (max-width:1180px) and (min-width:861px){
  .cab-areas{display:none}
  .prova{left:-4rem}
}

/* ---------- celular e tablet estreito ---------- */
@media (max-width:860px){
  :root{--cab-h:4.5rem}
  .cab-areas{display:none}
  .cab-mono{width:2.2rem;height:2.2rem}
  .cab-nome small{font-size:.6875rem;letter-spacing:.05em}
  .cab-link{padding:.45rem .85rem;font-size:.875rem}
  .hero{grid-template-columns:minmax(0,1fr);min-height:0;align-items:start;gap:2.25rem;padding-top:calc(var(--cab-h) + 1.25rem);padding-bottom:2rem}
  .hero-texto{padding-left:0}
  .hero-titulo{font-size:min(12.4cqi,5.4rem)}
  .t-aspas{position:static;display:block;height:.42em;font-size:1.1em;margin-bottom:.06em}
  .hero-escolha{margin-inline:calc(var(--borda) * -1)}
  .ops{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--borda);padding:.25rem var(--borda) .5rem;scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}
  .ops::-webkit-scrollbar{display:none}
  .op{scroll-snap-align:start;flex:none;padding:.65rem 1.05rem .7rem}
  .hero-contexto{min-height:calc(1.1875rem * 1.42 * 3 + 1.7rem)}
  .btn{width:100%;justify-content:center}
  .btn-previa{max-width:none}
  .hero-figura{height:auto;min-height:0;width:100%;align-self:start}
  .fig-arco{height:auto;width:min(84vw,26rem)}
  .prova{position:relative;left:auto;bottom:auto;width:min(100%,26rem);margin-top:-4.5rem;margin-left:auto;margin-right:auto;transform:none}
  .fig-legenda{margin-top:.9rem}
  .js .rev-fig .fig-arco{clip-path:inset(0 0 100% 0)}
  .js .is-in .rev-fig .fig-arco{clip-path:inset(0 0 0 0)}
  .hero-sobre{font-size:.8125rem;letter-spacing:.09em;gap:.6rem}
  .hero-sobre::before{width:1.5rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rev,.js .t-linha.rev>span,.js .rev-fig .fig-arco,.js .rev-fig .prova,.js .rev-fig .fig-legenda,.js .t-aspas,.js .t-q{opacity:1;transform:none;clip-path:none}
  .js .rev-fig .fig-contorno{opacity:1;transform:translate(1.1rem,1.1rem)}
}

/* ---------- o documento (ajuste pedido na aprovação) ---------- */
.hero-figura{justify-self:end}
.doc{--docw:clamp(14rem,20.8vw,19.5rem);position:absolute;z-index:0;left:calc(-1 * var(--docw) + 5.4rem);top:6%;width:var(--docw);aspect-ratio:210/262;transform:rotate(-6deg);transform-origin:70% 90%;pointer-events:none}
.fig-arco{z-index:1}
.prova{z-index:2}
.doc-folha{position:absolute;inset:0;border-radius:4px;background:#fbf9f6;box-shadow:0 1px 0 rgba(33,22,17,.06),0 24px 44px -26px rgba(33,22,17,.5)}
.doc-f2{transform:translate(.9rem,.6rem) rotate(3.5deg);background:#f5f1ec}
.doc-f3{transform:translate(1.6rem,1.2rem) rotate(7deg);background:#efe9e2}
.doc-ativa{padding:1.25rem 5.2rem 1.05rem 1.25rem;display:flex;flex-direction:column;gap:.62rem;overflow:hidden;
  background:linear-gradient(180deg in oklab,#fdfbf8,#f8f4ee)}
.doc-ativa::before{content:"";position:absolute;inset:.45rem;border:1px solid color-mix(in oklab,var(--ouro) 28%,transparent);border-radius:2px;pointer-events:none}
.doc-cab{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}
.doc-mono{width:1.35rem;height:1.35rem;flex:none;background:var(--ouro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.doc-pag{font-family:var(--f-tit);font-weight:700;font-size:.5625rem;letter-spacing:.14em;color:var(--texto-2);text-transform:uppercase}
.doc-tipo{margin:0;font-family:var(--f-tit);font-weight:800;font-size:.8125rem;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:var(--choco)}
.doc-l{height:.36rem;border-radius:2px;background:color-mix(in oklab,var(--choco) 16%,transparent);transform-origin:left center;width:var(--w,100%)}
.doc-cl{display:flex;align-items:baseline;gap:.45rem;margin:.25rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:.75rem;color:var(--choco)}
.doc-num{font-family:var(--f-txt);font-style:italic;font-weight:500;color:var(--acento)}
.doc-marca{position:relative;padding:0 .15rem;z-index:0}
.doc-marca::before{content:"";position:absolute;z-index:-1;left:-.1rem;right:-.1rem;top:.18em;bottom:.02em;border-radius:2px;background:color-mix(in oklab,var(--ouro-claro) 55%,transparent);transform-origin:left center}
.doc-nota{margin:.15rem 0 0;padding-left:.55rem;border-left:2px solid var(--ouro);font-family:var(--f-txt);font-style:italic;font-size:.75rem;line-height:1.3;color:var(--choco-2)}
.doc-ass{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.doc-ass span{display:block;border-top:1px solid color-mix(in oklab,var(--choco) 45%,transparent);padding-top:.2rem;font-family:var(--f-tit);font-weight:500;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2)}
/* semana (escala) */
.doc-semana{display:grid;grid-template-columns:repeat(7,1fr);gap:.22rem;margin:.2rem 0 .1rem}
.doc-dia{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:var(--f-tit);font-weight:700;font-size:.5rem;letter-spacing:.04em;color:var(--texto-2)}
.doc-dia i{display:block;width:100%;aspect-ratio:1;border-radius:3px;background:var(--choco-2);transition:background .6s var(--ease),transform .6s var(--ease)}
.doc-dia.folga i{background:var(--ouro-claro)}
.doc-esc{display:flex;align-items:baseline;gap:.5rem;font-family:var(--f-tit);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--choco)}
.doc-esc s{color:var(--texto-2);font-weight:700;font-size:.85rem;text-decoration-color:var(--ouro);text-decoration-thickness:2px}
/* herança: partilha */
.doc-arvore{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:.2rem 0}
.doc-arvore b{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--choco-2)}
.doc-arvore em{display:block;width:62%;height:.7rem;border:1.5px solid color-mix(in oklab,var(--choco) 40%,transparent);border-bottom:0;border-radius:3px 3px 0 0}
.doc-arvore span{display:flex;justify-content:space-between;width:72%}
.doc-arvore span b{background:var(--ouro-claro)}
/* entrada da folha */
.doc-ativa.entra{animation:folha-entra .8s var(--ease) both}
.doc-ativa.sai{animation:folha-sai .42s var(--ease-sai) both}
@keyframes folha-entra{from{transform:translate(-1.2rem,2.2rem) rotate(-4deg);opacity:0}}
@keyframes folha-sai{to{transform:translate(-2.2rem,-1.6rem) rotate(-7deg);opacity:0}}
.doc-ativa.entra .doc-l{animation:escreve .5s var(--ease) both;animation-delay:calc(.25s + var(--k,0) * .07s)}
.doc-ativa.entra .doc-marca::before{animation:grifa .6s var(--ease) both;animation-delay:calc(.45s + var(--k,0) * .07s)}
.doc-ativa.entra .doc-nota,.doc-ativa.entra .doc-cl,.doc-ativa.entra .doc-tipo,.doc-ativa.entra .doc-ass,.doc-ativa.entra .doc-semana,.doc-ativa.entra .doc-esc,.doc-ativa.entra .doc-arvore{animation:ctx .5s var(--ease) both;animation-delay:calc(.2s + var(--k,0) * .07s)}
@keyframes escreve{from{transform:scaleX(0)}}
@keyframes grifa{from{transform:scaleX(0)}}
.js .rev-fig .doc{opacity:0;transform:translate(2rem,2.5rem) rotate(2deg)}
.is-in .rev-fig .doc{opacity:1;transform:rotate(-6deg);transition:opacity .9s ease .9s,transform 1.3s var(--ease) .9s}

@media (max-width:1180px) and (min-width:861px){
  .doc{--docw:13.5rem}
}
@media (max-width:860px){
  .hero-figura{display:block}
  .fig-arco{width:min(70vw,22rem);margin-left:auto;margin-right:2vw}
  .doc{z-index:2;left:-1vw;top:37%;width:min(40vw,10.5rem);font-size:.82em}
  .doc-ativa{padding:.85rem .8rem .75rem;gap:.42rem}
  .doc-tipo{font-size:.625rem}
  .doc-cl{font-size:.5625rem}
  .doc-nota{font-size:.5625rem}
  .doc-l{height:.26rem}
  .prova{z-index:3}
  .fig-legenda{text-align:right}
}
@media (prefers-reduced-motion:reduce){
  .js .rev-fig .doc{opacity:1;transform:rotate(-6deg)}
}

/* ===== 10-ar ===== */
/* ---------- 10-ar · Áreas (escura) ---------- */
.ar{position:relative;isolation:isolate;overflow:clip;background:var(--noite);color:var(--creme);
  padding:var(--secao-y) var(--borda) calc(var(--secao-y) * 1.1)}

/* malha: noite chocolate com a luz morna sobre a mesa */
.ar-malha{position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg in oklab,var(--noite) 0%,var(--noite-2) 55%,var(--noite) 100%)}
.ar-malha i{position:absolute;border-radius:50%}
.ar-malha i:nth-child(1){width:70rem;height:70rem;left:-14rem;top:22rem;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--ouro) 34%,transparent),color-mix(in oklab,var(--ouro) 0%,transparent))}
.ar-malha i:nth-child(2){width:34rem;height:34rem;left:8rem;top:30rem;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--ouro-claro) 30%,transparent),color-mix(in oklab,var(--ouro-claro) 0%,transparent))}
.ar-malha i:nth-child(3){width:60rem;height:60rem;right:-24rem;top:-26rem;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--choco-2) 70%,transparent),color-mix(in oklab,var(--choco-2) 0%,transparent))}
.ar-malha i:nth-child(4){width:50rem;height:50rem;right:-10rem;bottom:-30rem;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--choco-2) 50%,transparent),color-mix(in oklab,var(--choco-2) 0%,transparent))}

/* topo: título na largura toda */
.ar-topo{max-width:92rem;margin:0 auto}
.ar-titulo{margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.04em;line-height:.92;font-size:clamp(2.9rem,10.2vw,10.5rem);color:var(--creme)}
.ar-titulo span.ar-quebra{display:block}
.ar-lead{margin:0;max-width:34rem;font-size:var(--t-apoio);color:var(--creme-2)}

/* abas */
.ar-linha{max-width:92rem;margin:clamp(2.25rem,4.5vw,3.75rem) auto 0;padding-top:clamp(1.5rem,2.6vw,2.25rem);border-top:1px solid color-mix(in oklab,var(--creme) 14%,transparent);
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:1.5rem clamp(2rem,6vw,6rem);align-items:center}
.ar-abas-faixa{min-width:0}
.ar-abas{display:flex;gap:.5rem;flex-wrap:wrap}
.ar-aba{cursor:pointer;display:inline-flex;align-items:baseline;gap:.5rem;border:1.5px solid color-mix(in oklab,var(--creme) 26%,transparent);background:transparent;color:var(--creme);
  border-radius:var(--raio);padding:.7rem 1.25rem .75rem;font-family:var(--f-tit);font-weight:700;font-size:1.0625rem;white-space:nowrap;
  transition:background .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ar-aba-n{font-family:var(--f-txt);font-style:italic;font-weight:500;color:var(--ouro-claro);transition:color .3s}
.ar-aba:hover{border-color:var(--creme)}
.ar-aba:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
.ar-aba[aria-selected="true"]{background:var(--creme);color:var(--choco);border-color:var(--creme)}
.ar-aba[aria-selected="true"] .ar-aba-n{color:var(--acento)}

@media (min-width:861px){.ar-abas{flex-wrap:nowrap;gap:.4rem}.ar-aba{padding:.7rem 1.05rem .75rem}}

/* cena: a mesa de um lado, o texto do outro */
.ar-cena{max-width:92rem;margin:clamp(2rem,4vw,3.5rem) auto 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2rem,6vw,6rem);align-items:center}

.ar-mesa{position:relative;display:grid;place-items:center;padding:2rem 0 3rem}
.ar-pilha{--fw:min(30rem,100%);position:relative;width:var(--fw);aspect-ratio:210/272}
.ar-numeral{position:absolute;left:-.04em;top:50%;transform:translateY(-58%);font-family:var(--f-txt);font-style:italic;font-weight:400;font-size:clamp(14rem,30vw,30rem);line-height:1;color:var(--ouro-claro);opacity:.07;pointer-events:none;white-space:nowrap;transition:opacity .4s}
.ar-numeral.ar-troca{animation:ar-num .9s var(--ease) both}
@keyframes ar-num{from{opacity:0;transform:translate(-1.5rem,-58%)}}
.ar-folha{position:absolute;inset:0;border-radius:4px;padding:clamp(1.4rem,2.4vw,2.2rem) clamp(1.4rem,2.4vw,2.3rem) clamp(1.2rem,2vw,1.8rem);display:flex;flex-direction:column;gap:.7rem;overflow:hidden;
  background:linear-gradient(180deg in oklab,var(--papel),var(--papel-2));color:var(--choco);
  box-shadow:0 1px 0 rgba(33,22,17,.06),0 40px 70px -30px rgba(0,0,0,.7);
  transition:transform .9s var(--ease),filter .9s var(--ease),opacity .5s;transform-origin:50% 85%}
.ar-folha::before{content:"";position:absolute;inset:.6rem;border:1px solid color-mix(in oklab,var(--ouro) 30%,transparent);border-radius:2px;pointer-events:none}
.ar-folha[data-pos="0"]{z-index:4;transform:rotate(-3deg)}
.ar-folha::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;transition:background .9s var(--ease);
  background:linear-gradient(140deg in oklab,color-mix(in oklab,#fff 26%,transparent) 0%,color-mix(in oklab,#fff 0%,transparent) 38%,color-mix(in oklab,var(--choco) 0%,transparent) 62%,color-mix(in oklab,var(--choco) 10%,transparent) 100%)}
.ar-folha[data-pos="1"]{z-index:3;transform:translate(1.5rem,.8rem) rotate(2.5deg)}
.ar-folha[data-pos="2"]{z-index:2;transform:translate(2.8rem,1.7rem) rotate(6deg)}
.ar-folha[data-pos="3"]{z-index:1;transform:translate(3.9rem,2.5rem) rotate(9.5deg)}
.ar-folha[data-pos="1"]::after{background:linear-gradient(140deg in oklab,color-mix(in oklab,var(--camelo) 30%,transparent),color-mix(in oklab,var(--choco-2) 30%,transparent))}
.ar-folha[data-pos="2"]::after{background:linear-gradient(140deg in oklab,color-mix(in oklab,var(--camelo) 45%,transparent),color-mix(in oklab,var(--choco-2) 48%,transparent))}
.ar-folha[data-pos="3"]::after{background:linear-gradient(140deg in oklab,color-mix(in oklab,var(--camelo) 55%,transparent),color-mix(in oklab,var(--choco-2) 62%,transparent))}
.ar-pilha::before{content:"";position:absolute;left:-6%;right:-18%;bottom:-9%;height:22%;border-radius:50%;background:radial-gradient(closest-side in oklab,color-mix(in oklab,#000 55%,transparent),color-mix(in oklab,#000 0%,transparent))}
.ar-folha[data-pos]:not([data-pos="0"]):not(.ar-fora)>*{visibility:hidden}
.ar-folha.ar-fora{z-index:5;transform:translate(-55%,-12%) rotate(-16deg);opacity:0;transition:transform .5s var(--ease-sai),opacity .5s var(--ease-sai)}

.ar-f-cab{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}
.ar-f-mono{width:1.9rem;height:1.9rem;flex:none;background:var(--ouro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.ar-f-esc{flex:1;font-family:var(--f-tit);font-weight:700;font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2)}
.ar-f-pag{font-family:var(--f-tit);font-weight:700;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.ar-f-tipo{margin:0;font-family:var(--f-tit);font-weight:800;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.1;letter-spacing:.05em;text-transform:uppercase}
.ar-f-sub{margin:-.35rem 0 .3rem;font-family:var(--f-txt);font-style:italic;font-size:.875rem;color:var(--texto-2)}
.ar-l{display:block;height:.42rem;border-radius:2px;background:color-mix(in oklab,var(--choco) 15%,transparent);transform-origin:left center;width:var(--w,100%);flex:none}
.ar-f-cl{display:flex;align-items:baseline;gap:.55rem;margin:.2rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;line-height:1.25}
.ar-f-num{font-family:var(--f-txt);font-style:italic;font-weight:500;color:var(--acento);flex:none}
.ar-f-marca{position:relative;z-index:0;padding:0 .2rem}
.ar-f-marca::before{content:"";position:absolute;z-index:-1;left:-.1rem;right:-.1rem;top:.2em;bottom:0;border-radius:2px;background:color-mix(in oklab,var(--ouro-claro) 55%,transparent);transform-origin:left center}
.ar-f-nota{margin:.3rem 0 0;padding-left:.7rem;border-left:2px solid var(--ouro);font-family:var(--f-txt);font-style:italic;font-size:.9375rem;line-height:1.35;color:var(--choco-2)}
.ar-f-ass{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.ar-f-ass span{display:block;border-top:1px solid color-mix(in oklab,var(--choco) 45%,transparent);padding-top:.3rem;font-family:var(--f-tit);font-weight:500;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}
.ar-f-escala{display:flex;align-items:baseline;gap:.6rem;font-family:var(--f-tit);font-weight:800;font-size:2.4rem;line-height:1;letter-spacing:-.03em}
.ar-f-escala s{margin-right:.15rem;letter-spacing:0;font-size:1.1rem;font-weight:700;color:var(--texto-2);text-decoration-color:var(--ouro);text-decoration-thickness:2px}
.ar-f-semana{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin-bottom:.3rem}
.ar-f-semana span{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:var(--f-tit);font-weight:700;font-size:.5625rem;letter-spacing:.06em;color:var(--texto-2)}
.ar-f-semana i{display:block;width:100%;aspect-ratio:1;border-radius:4px;background:var(--choco-2);transition:background .6s var(--ease)}
.ar-f-semana .ar-folga i{background:var(--ouro-claro)}
.ar-f-arvore{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:.2rem 0 .4rem}
.ar-f-arvore b{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--choco-2)}
.ar-f-arvore em{display:block;width:58%;height:1rem;border:1.5px solid color-mix(in oklab,var(--choco) 40%,transparent);border-bottom:0;border-radius:3px 3px 0 0}
.ar-f-arvore span{display:flex;justify-content:space-between;width:68%}
.ar-f-arvore span b{background:var(--ouro-claro)}

/* margem: colchete dourado ao lado da cláusula grifada, carimbo e rubrica */
.ar-f-cl:has(.ar-f-marca){position:relative}
.ar-f-cl:has(.ar-f-marca)::before{content:"";position:absolute;left:-.95rem;top:-.15rem;bottom:-.15rem;width:.4rem;border:2px solid var(--ouro);border-right:0;border-radius:3px 0 0 3px;transform-origin:center}
.ar-f-ass{position:relative}
.ar-f-rubrica{position:absolute;right:4%;bottom:1.1rem;width:46%;height:auto;overflow:visible}
.ar-f-rubrica path{fill:none;stroke:var(--choco-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.ar-f-selo{position:absolute;left:38%;bottom:.4rem;width:4.2rem;height:4.2rem;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--ouro) 70%,transparent);display:grid;place-items:center;transform:rotate(-14deg);opacity:.85}
.ar-f-selo::before{content:"";position:absolute;inset:.25rem;border-radius:50%;border:1px dashed color-mix(in oklab,var(--ouro) 60%,transparent)}
.ar-f-selo i{width:62%;height:62%;background:var(--ouro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}

/* a folha que chega escreve as linhas e grifa a cláusula */
.ar-folha.ar-escreve>*{animation:ar-sobe .5s var(--ease) both;animation-delay:calc(.15s + var(--k,0) * .06s)}
.ar-folha.ar-escreve .ar-l{animation-name:ar-linha}
.ar-folha.ar-escreve .ar-f-rubrica path{animation:ar-traco 1.1s var(--ease) both;animation-delay:calc(.6s + var(--k,0) * .06s)}
.ar-folha.ar-escreve .ar-f-selo{animation:ar-carimbo .5s var(--ease) both;animation-delay:calc(.9s + var(--k,0) * .06s)}
@keyframes ar-traco{from{stroke-dashoffset:var(--len,300)}}
@keyframes ar-carimbo{from{opacity:0;transform:rotate(-14deg) scale(1.5)}}
.ar-folha.ar-escreve .ar-f-marca::before{animation:ar-linha .7s var(--ease) both;animation-delay:calc(.5s + var(--k,0) * .06s)}
@keyframes ar-sobe{from{opacity:0;transform:translateY(.4rem)}}
@keyframes ar-linha{from{transform:scaleX(0)}}

.js .ar-folha[data-pos="0"]:not(.ar-escreve)>*{opacity:0}

/* painéis */
.ar-paineis{position:relative;min-width:0}
.ar-painel{outline:none}
.ar-painel+.ar-painel{margin-top:3rem}
.js .ar-paineis{display:grid}
.js .ar-painel{grid-area:1/1;margin:0}
.js .ar-painel[hidden]{display:block;visibility:hidden}
.ar-painel:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:8px;border-radius:4px}
.ar-p-n{margin:0 0 .6rem;font-family:var(--f-txt);font-style:italic;font-size:1.125rem;color:var(--ouro-claro)}
.ar-p-n span{color:var(--creme-2)}
.ar-p-tit{margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.03em;line-height:.98;font-size:clamp(2.4rem,4.2vw,4rem);color:var(--creme)}
.ar-p-sub{margin:.6rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:1.0625rem;letter-spacing:.02em;color:var(--ouro-claro)}
.ar-p-txt{margin:1.2rem 0 0;max-width:36rem;font-size:var(--t-apoio);line-height:1.55;color:var(--creme)}
.ar-p-lista{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.5rem;max-width:36rem}
.ar-p-lista li{position:relative;padding-left:1.4rem;font-family:var(--f-tit);font-weight:500;font-size:1.0625rem;color:var(--creme-2)}
.ar-p-lista li::before{content:"";position:absolute;left:0;top:.62em;width:.8rem;height:2px;background:var(--ouro-claro)}
.ar-p-cita{margin:1.6rem 0 0;padding-left:1rem;border-left:2px solid var(--ouro);max-width:34rem}
.ar-p-cita blockquote{margin:0;font-size:clamp(1.125rem,.4vw + 1rem,1.3125rem);line-height:1.42;font-weight:500;color:var(--creme)}
.ar-p-cita figcaption{margin-top:.3rem;font-family:var(--f-tit);font-weight:500;font-size:var(--t-mini);color:var(--creme-2)}
.ar-p-acao{margin-top:1.8rem;display:flex;align-items:center;gap:.8rem 1.25rem;flex-wrap:wrap}
.ar-wa{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;background:var(--creme);color:var(--choco);border-radius:var(--raio);
  padding:1rem 1.6rem 1rem 1.3rem;font-family:var(--f-tit);font-weight:800;font-size:1.125rem;box-shadow:0 14px 30px -16px rgba(0,0,0,.6);transition:transform .25s var(--ease),background .25s}
.ar-wa svg{width:1.35rem;height:1.35rem;fill:var(--acento)}
.ar-wa:hover{background:#fff;transform:translateY(-2px)}
.ar-wa:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}
.ar-previa{margin:0;max-width:20rem;font-size:var(--t-mini);line-height:1.4;color:var(--creme-2)}
.ar-previa span{display:block;font-family:var(--f-tit);font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro)}
.ar-painel.ar-troca>*{animation:ar-sobe .6s var(--ease) both}
.ar-painel.ar-troca>*:nth-child(2){animation-delay:.05s}
.ar-painel.ar-troca>*:nth-child(3){animation-delay:.1s}
.ar-painel.ar-troca>*:nth-child(4){animation-delay:.15s}
.ar-painel.ar-troca>*:nth-child(5){animation-delay:.2s}
.ar-painel.ar-troca>*:nth-child(n+6){animation-delay:.25s}

/* ---------- tablet e celular ---------- */
@media (max-width:960px){
  .ar-cena{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .ar-pilha{--fw:min(26rem,80vw);margin-right:8vw}
  .ar-numeral{font-size:16rem;left:auto;right:-.1em}
  .ar-linha{grid-template-columns:minmax(0,1fr)}
  .ar-lead{order:-1}
}
@media (max-width:860px){
  .ar-abas-faixa{margin-inline:calc(var(--borda) * -1)}
  .ar-abas{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--borda);padding:.25rem var(--borda) .5rem;scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}
  .ar-abas::-webkit-scrollbar{display:none}
  .ar-aba{flex:none;scroll-snap-align:start}
  .ar-folha{padding:1.2rem 1.2rem 1rem;gap:.5rem}
  .ar-f-cl{font-size:.75rem}
  .ar-f-nota{font-size:.75rem}
  .ar-f-escala{font-size:1.8rem}
  .ar-l{height:.32rem}
  .ar-f-cab{margin-bottom:0}
  .ar-f-esc{font-size:.5rem;letter-spacing:.1em}
  .ar-f-sub{font-size:.75rem}
  .ar-f-selo{width:3rem;height:3rem;left:34%;bottom:.1rem}
  .ar-f-rubrica{bottom:.9rem;width:42%}
  .ar-f-ass{gap:.8rem}
  .ar-f-ass span{font-size:.5rem}
  .ar-f-cl:has(.ar-f-marca)::before{left:-.7rem}
  .ar{padding-bottom:var(--secao-y)}
}
@media (max-width:860px) and (max-width:480px){
  .ar-pilha{aspect-ratio:210/300}
  .ar-folha{padding:1rem .95rem .85rem 1.1rem;gap:.42rem}
  .ar-f-semana{gap:.22rem}
  .ar-f-escala{font-size:1.5rem}
  .ar-f-arvore b{width:1.1rem;height:1.1rem}
}
@media (max-width:520px){
  .ar-p-lista{grid-template-columns:minmax(0,1fr)}
  .ar-wa{width:100%;justify-content:center}
  .ar-previa{max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .ar-folha,.ar-folha *{transition:none!important;animation:none!important}
  .js .ar-folha[data-pos="0"]:not(.ar-escreve)>*{opacity:1}
}

/* ===== 20-es ===== */
/* ===== 20-es · A escala mudou (clara) ===== */
.es{position:relative;overflow:clip;padding:var(--secao-y) var(--borda);background:var(--parede-0);color:var(--choco)}
.es-malha{position:absolute;inset:0;pointer-events:none;z-index:0}
.es-malha i{position:absolute;display:block;border-radius:50%}
.es-malha i:nth-child(1){width:70vw;height:70vw;left:-22vw;top:-18vw;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--camelo) 55%,transparent),transparent)}
.es-malha i:nth-child(2){width:60vw;height:60vw;right:-20vw;top:30%;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--parede-2) 90%,transparent),transparent)}
.es-malha i:nth-child(3){width:80vw;height:60vw;left:10vw;bottom:-25vw;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--camelo) 45%,transparent),transparent)}
.es>*:not(.es-malha){position:relative;z-index:1}

/* cabeçalho */
.es-cab{max-width:78rem;margin:0 auto clamp(2.5rem,6vh,4.5rem)}
.es-tit{margin:0;font-family:var(--f-tit);font-weight:800;font-size:clamp(3.6rem,10.5vw,10.5rem);line-height:.9;letter-spacing:-.045em}
.es-tit-2{display:block;margin-top:.32em;font-size:.42em;letter-spacing:-.03em;color:var(--texto-2)}
.es-lead{margin:1.4rem 0 0;max-width:34ch;font-size:clamp(1.25rem,1vw + .9rem,1.75rem);line-height:1.35;color:var(--texto-2)}

/* palco: tempos à esquerda, folha presa à direita */
.es-palco{max-width:82rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.es-cena{grid-column:2;grid-row:1;position:sticky;top:max(2rem,calc(50vh - 19rem))}
.es-tempos{grid-column:1;grid-row:1;list-style:none;margin:0;padding:8vh 0 20vh 1.6rem;border-left:2px solid color-mix(in oklab,var(--choco) 12%,transparent)}
.es-tempo{position:relative;min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .6s var(--ease)}
.es-tempo::before{content:"";position:absolute;left:calc(-1.6rem - 2px);top:50%;width:2px;height:0;background:var(--ouro);transform:translateY(-50%);transition:height .8s var(--ease)}
.es-tempo.on::before{height:60%}
.es-tempo.on{opacity:1}
.es-num{font-family:var(--f-tit);font-weight:800;font-size:clamp(4.5rem,8vw,8rem);line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--ouro);transition:color .6s var(--ease)}
.es-tempo.on .es-num{color:var(--acento);-webkit-text-stroke-color:var(--acento)}
.es-tempo[data-es-passo="0"] .es-num{font-size:clamp(3rem,5vw,5rem)}
.es-tempo h3{margin:.9rem 0 .6rem;font-family:var(--f-tit);font-weight:800;font-size:clamp(2.1rem,3.4vw,3.4rem);line-height:.98;letter-spacing:-.035em}
.es-tempo p{margin:0;max-width:30ch;font-size:clamp(1.2rem,.5vw + 1rem,1.45rem);line-height:1.45;color:var(--choco-2)}
.es-tempo b{font-weight:600;color:var(--choco)}

/* a folha */
.es-folha{position:relative;margin:0;padding:clamp(1.4rem,2.4vw,2.2rem);border-radius:4px;background:linear-gradient(180deg in oklab,var(--papel),var(--papel-2));
  box-shadow:0 1px 0 rgba(33,22,17,.06),0 24px 44px -26px rgba(33,22,17,.5),1.1rem 1rem 0 -.2rem var(--parede-2);transform:rotate(-1.5deg)}
.es-folha::before{content:"";position:absolute;inset:.55rem;border:1px solid color-mix(in oklab,var(--ouro) 28%,transparent);border-radius:2px;pointer-events:none}
.es-folha-cab{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem}
.es-mono{width:1.9rem;height:1.9rem;flex:none;background:var(--ouro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.es-folha-tipo{font-family:var(--f-tit);font-weight:800;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.es-chip{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--f-tit);font-weight:800;font-size:1rem;color:var(--texto-2)}
.es-chip s{text-decoration-color:var(--ouro);text-decoration-thickness:2px}
.es-chip b{color:var(--acento);clip-path:inset(0 100% 0 0);transition:clip-path .6s var(--ease)}
.es-chip s{text-decoration-color:transparent;transition:text-decoration-color .4s}
.es-folha:not([data-passo="0"]) .es-chip b{clip-path:inset(0)}
.es-folha:not([data-passo="0"]) .es-chip s{text-decoration-color:var(--ouro)}
.es-folha-ex{margin-left:auto;font-family:var(--f-txt);font-style:italic;font-weight:400;font-size:.9375rem;letter-spacing:0;text-transform:none;color:var(--texto-2)}
.es-chip{margin-left:auto}

.es-placar{margin:0 0 1.2rem}
.es-valor{margin:0;display:flex;align-items:baseline;gap:.35rem;min-height:.95em;font-family:var(--f-tit);font-weight:800;font-size:clamp(4.5rem,8vw,7.5rem);line-height:.9;letter-spacing:-.05em;overflow:hidden;padding-bottom:.05em}
.es-troca{display:inline-block}
.es-troca.sai{animation:es-sai .28s var(--ease-sai) both}
.es-troca.entra{animation:es-entra .5s var(--ease) both}
@keyframes es-sai{to{transform:translateY(-105%);opacity:0}}
@keyframes es-entra{from{transform:translateY(105%);opacity:0}}
.es-antes{order:3;margin-left:1.2rem;font-size:.3em;letter-spacing:-.01em;color:var(--texto-2);text-decoration-color:var(--ouro);text-decoration-thickness:3px;align-self:center}
.es-antes:empty{display:none}
.es-un{font-size:.32em;letter-spacing:-.01em;color:var(--acento)}
.es-legenda{margin:.5rem 0 0;font-size:1.125rem;color:var(--texto-2)}

.es-semana{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.35rem,.7vw,.6rem)}
.es-dia{display:flex;flex-direction:column;align-items:center;gap:.55rem;font-family:var(--f-tit);font-weight:700;font-size:clamp(.8125rem,.9vw,1rem);letter-spacing:.06em;color:var(--texto-2)}
.es-dia i{display:block;width:100%;aspect-ratio:3/4.4;border-radius:8px;background:linear-gradient(180deg in oklab,var(--choco-2),var(--choco));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:background-color 0s .32s}
.es-dia.es-folga i{background:linear-gradient(180deg in oklab,var(--ouro-claro),var(--ouro))}
.es-dia.es-folga span{color:var(--acento)}
.es-dia.es-vira i{animation:es-vira .7s var(--ease) both}
@keyframes es-vira{0%{transform:none}45%{transform:rotateY(90deg) scale(1.06)}100%{transform:none}}
.es-chave{display:flex;gap:1.2rem;margin:.9rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}
.es-chave span::before{content:"";display:inline-block;width:.75rem;height:.75rem;border-radius:2px;margin-right:.4rem;vertical-align:-.05em}
.es-ch-t::before{background:var(--choco-2)}
.es-ch-d::before{background:var(--ouro-claro)}

.es-carimbo{position:absolute;right:1.6rem;top:5.4rem;margin:0;padding:.55rem .9rem;border:2px solid var(--acento);border-radius:4px;color:var(--acento);text-align:center;transform:rotate(-8deg) scale(1.5);opacity:0;transition:opacity .25s ease,transform .45s cubic-bezier(.3,1.5,.5,1)}
.es-carimbo b{display:block;font-family:var(--f-tit);font-weight:800;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.es-carimbo span{display:block;font-style:italic;font-size:.9375rem}
.es-folha[data-passo="3"] .es-carimbo{opacity:1;transform:rotate(-8deg)}

/* linha do tempo (também é controle) */
.es-linha{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.6rem;padding-top:1.1rem}
.es-linha-trilho{position:absolute;left:.5rem;right:12%;top:1.1rem;height:2px;background:color-mix(in oklab,var(--choco) 14%,transparent)}
.es-linha-cheio{position:absolute;inset:0;background:var(--ouro);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .7s var(--ease)}
.es-marco{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:1rem .3rem .2rem 0;border:0;background:none;cursor:pointer;text-align:left;color:var(--texto-2)}
.es-marco::before{content:"";position:absolute;left:0;top:-.42rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--papel);border:2px solid color-mix(in oklab,var(--choco) 30%,transparent);transition:background .4s,border-color .4s}
.es-marco b{font-family:var(--f-tit);font-weight:800;font-size:1rem;color:var(--choco)}
.es-marco span{font-size:.9375rem;line-height:1.2}
.es-marco[aria-pressed="true"]::before,.es-marco.feito::before{background:var(--ouro);border-color:var(--ouro)}
.es-marco[aria-pressed="true"] b{color:var(--acento)}

/* as perguntas dela */
.es-perg{max-width:82rem;margin:clamp(3rem,8vh,6rem) auto 0;padding:clamp(2.5rem,6vw,5.5rem);border-radius:4px;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--choco-2) 80%,transparent),transparent) 85% 0/70% 120% no-repeat,var(--noite);color:var(--creme);box-shadow:0 40px 70px -40px rgba(33,22,17,.7)}
.es-perg-kick{margin:0 0 clamp(1.5rem,4vh,2.5rem);font-family:var(--f-tit);font-weight:800;font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:.98;letter-spacing:-.04em;color:var(--creme)}
.es-perg-kick span{display:block;margin-top:.6rem;font-family:var(--f-txt);font-weight:400;font-style:italic;font-size:1.125rem;letter-spacing:0;color:var(--creme-2)}
.es-clausulas{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in oklab,var(--ouro-claro) 35%,transparent)}
.es-clausulas li{display:grid;grid-template-columns:clamp(3rem,7vw,6.5rem) minmax(0,1fr);align-items:baseline;padding:clamp(1rem,2.4vh,1.6rem) 0;border-bottom:1px solid color-mix(in oklab,var(--ouro-claro) 35%,transparent)}
.es-clausulas li:nth-child(2){padding-left:clamp(0rem,6vw,6rem)}
.es-clausulas li:nth-child(3){padding-left:clamp(0rem,12vw,12rem)}
.es-cl-n{font-style:italic;font-weight:500;font-size:clamp(1.5rem,2.4vw,2.4rem);color:var(--ouro-claro)}
.es-cl-q{font-family:var(--f-tit);font-weight:700;font-size:clamp(1.6rem,3vw,3rem);color:var(--creme);line-height:1;letter-spacing:-.035em;max-width:22ch}
.es-perg-fecho{margin:2.4rem 0 0;color:var(--creme);font-size:clamp(1.3rem,1.2vw + .9rem,2rem);line-height:1.35;max-width:36ch;margin-left:auto}

/* grifo marca-texto que varre ao entrar */
.es-marca{background:linear-gradient(color-mix(in oklab,var(--ouro-claro) 70%,transparent),color-mix(in oklab,var(--ouro-claro) 70%,transparent)) left 72%/0% 64% no-repeat;color:inherit;padding:0 .08em;transition:background-size 1s var(--ease) .35s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.es-perg-fecho.vis .es-marca,.es-item.aberto .es-marca{background-size:100% 64%}

.escuro .es-marca{background-image:linear-gradient(color-mix(in oklab,var(--ouro) 60%,transparent),color-mix(in oklab,var(--ouro) 60%,transparent))}

/* distinções (sanfona) */
.es-dist{max-width:78rem;margin:clamp(4rem,10vh,7rem) auto 0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.es-dist-cab{position:sticky;top:3rem}
.es-dist-tit{margin:0;font-family:var(--f-tit);font-weight:800;font-size:clamp(2.4rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.04em}
.es-dist-sub{margin:1rem 0 0;color:var(--texto-2)}
.es-sanf{border-top:2px solid var(--choco)}
.es-item{border-bottom:1px solid color-mix(in oklab,var(--choco) 22%,transparent)}
.es-item h4{margin:0}
.es-item-bt{width:100%;display:grid;grid-template-columns:6.5rem minmax(0,1fr) 2.6rem;align-items:center;gap:1rem;padding:1.4rem 0;border:0;background:none;cursor:pointer;text-align:left}
.es-item-tag{font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}
.es-item-q{font-family:var(--f-tit);font-weight:800;font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.02;letter-spacing:-.03em}
.es-mais{position:relative;width:2.6rem;height:2.6rem;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--choco) 35%,transparent);transition:background .35s,border-color .35s}
.es-mais::before,.es-mais::after{content:"";position:absolute;left:50%;top:50%;width:.9rem;height:2px;margin:-1px 0 0 -.45rem;background:var(--choco);transition:transform .4s var(--ease),background .35s}
.es-mais::after{transform:rotate(90deg)}
.es-item-bt[aria-expanded="true"] .es-mais{background:var(--choco);border-color:var(--choco)}
.es-item-bt[aria-expanded="true"] .es-mais::before,.es-item-bt[aria-expanded="true"] .es-mais::after{background:var(--ouro-claro)}
.es-item-bt[aria-expanded="true"] .es-mais::after{transform:rotate(0)}
.es-item-p>div{padding:0 3.6rem 1.8rem 7.5rem}
.es-item-p p{margin:0 0 1rem;max-width:52ch;font-size:clamp(1.125rem,.4vw + 1rem,1.3rem);line-height:1.5;color:var(--choco-2)}
.es-mini{display:grid;grid-template-columns:repeat(7,minmax(0,2.6rem));gap:.35rem;margin:1.4rem 0 .4rem}
.es-mini span{position:relative;display:flex;align-items:flex-end;justify-content:center;height:3rem;padding-bottom:.3rem;border-radius:5px;background:color-mix(in oklab,var(--choco) 10%,transparent);font-family:var(--f-tit);font-weight:700;font-size:.6875rem;letter-spacing:.06em;color:var(--texto-2)}
.es-mini-dom{outline:2px dashed var(--ouro);outline-offset:2px;background:color-mix(in oklab,var(--ouro-claro) 30%,transparent)!important;color:var(--acento)!important}
.es-mini-dom em{position:absolute;top:calc(100% + .5rem);right:0;font-family:var(--f-txt);font-weight:400;font-size:.9375rem;letter-spacing:0;white-space:nowrap;color:var(--acento)}
.es-mini{margin-bottom:2.2rem}
.es-item-frase{font-size:1.25em}
.es-atencao{padding-left:1rem;border-left:2px solid var(--ouro)}
.es-atencao b{display:block;font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acento);margin-bottom:.3rem}
.es-item.aberto .es-item-p>div{animation:es-abre .55s var(--ease) both}
@keyframes es-abre{from{opacity:0;transform:translateY(-.6rem)}}

/* fecho */
.es-fim{max-width:82rem;margin:clamp(5rem,12vh,9rem) auto 0;padding-top:clamp(3rem,7vh,5rem);border-top:2px solid var(--choco);display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.es-fim-frase{margin:0;font-family:var(--f-tit);font-weight:800;font-size:clamp(2.6rem,6vw,6.2rem);line-height:.92;letter-spacing:-.045em}
.es-fim-frase>span{display:block;white-space:nowrap}
.es-fim-apoio{margin:0 0 1.6rem;font-size:clamp(1.2rem,.5vw + 1rem,1.4rem);line-height:1.45}
.es-wa{display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 1.6rem 1.05rem 1.3rem;border-radius:var(--raio);background:var(--choco);color:var(--parede-0);text-decoration:none;font-family:var(--f-tit);font-weight:800;font-size:1.125rem;box-shadow:0 14px 30px -16px rgba(33,22,17,.55);transition:transform .35s var(--ease),box-shadow .35s}
.es-wa:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(33,22,17,.65)}
.es-wa svg{width:1.4rem;height:1.4rem;fill:var(--ouro-claro)}
.es-wa-previa{margin:1rem 0 0;font-size:1rem;line-height:1.4;color:var(--texto-2)}
.es-wa-previa span{display:block;font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.es-fonte{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .6rem;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid color-mix(in oklab,var(--choco) 18%,transparent);font-size:.9375rem;line-height:1.4;color:var(--texto-2)}
.es-fonte{flex-wrap:nowrap;gap:.9rem}
.es-fonte img{flex:none;width:3.6rem;height:3.6rem;box-shadow:0 0 0 2px var(--parede-0),0 0 0 3px var(--ouro);border-radius:50%;object-fit:cover;object-position:55% 40%}
.es-fonte a{color:var(--acento);font-weight:600}

/* ---------- tablet / celular ---------- */
@media (max-width:1100px) and (min-width:861px){
  .es-carimbo{top:4.5rem}
  .es-palco{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .es-dist{grid-template-columns:minmax(0,1fr)}
  .es-dist-cab{position:static}
}
@media (max-width:860px){
  .es-palco{display:block}
  .es-cena{position:static}
  .es-folha{transform:none;padding:1.3rem 1.1rem 1.1rem}
  .es-folha-tipo{font-size:.875rem}
  .es-chave{flex-wrap:wrap;gap:.3rem 1rem}
  .es-folha-ex{font-size:.875rem}
  .es-tempos{padding:0;margin-top:1.6rem;display:grid}
  .es-tempo{grid-area:1/1;min-height:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}
  .es-tempo.on{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}
  .es-num{font-size:2.6rem}
  .es-carimbo{top:4.3rem;right:.7rem;padding:.3rem .5rem}
  .es-carimbo b{font-size:.6875rem}
  .es-carimbo span{font-size:.75rem}
  .es-linha{margin-top:1.2rem}
  .es-marco{padding:1rem .2rem .3rem 0;min-height:3.4rem}
  .es-linha{grid-template-columns:1.35fr 1fr 1.25fr .8fr}
  .es-marco b{font-size:.8125rem}
  .es-marco span{font-size:.8125rem}
  .es-perg{margin-left:calc(-1 * var(--borda) + .5rem);margin-right:calc(-1 * var(--borda) + .5rem);padding:2.4rem 1.4rem}
  .es-cl-n{font-size:1.4rem}
  .es-mini{grid-template-columns:repeat(7,minmax(0,1fr))}
  .es-tempos{border-left:0;padding-left:0}
  .es-tempo::before{display:none}
  .es-tempo[data-es-passo] .es-num{font-size:3.2rem}
  .es-fim-frase>span{white-space:normal}
  .es-clausulas li:nth-child(n){padding-left:0}
  .es-perg-fecho{margin-left:0}
  .es-dist{grid-template-columns:minmax(0,1fr)}
  .es-dist-cab{position:static}
  .es-item-bt{grid-template-columns:minmax(0,1fr) 2.6rem;gap:.3rem 1rem}
  .es-item-tag{grid-column:1/-1}
  .es-item-q{grid-row:2}
  .es-mais{grid-row:2}
  .es-item-p>div{padding:0 0 1.5rem}
  .es-fim{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  .es-marca{background-size:100% 64%}
  .es-carimbo{transition:none}
}

/* ===== 30-sb ===== */
/* ---------- 30-sb · Sobre ---------- */
.sb{position:relative;isolation:isolate;overflow:clip;background:var(--noite);color:var(--creme);
  padding:var(--secao-y) var(--borda) var(--secao-y) 0}
.sb-malha{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sb-malha i{position:absolute;border-radius:50%}
.sb-malha i:nth-child(1){width:70vmax;height:70vmax;left:-25vmax;top:-20vmax;background:radial-gradient(closest-side in oklab,var(--choco-2),color-mix(in oklab,var(--choco-2) 0%,transparent));opacity:.55}
.sb-malha i:nth-child(2){width:60vmax;height:60vmax;right:-22vmax;bottom:-24vmax;background:radial-gradient(closest-side in oklab,#5a4130,color-mix(in oklab,#5a4130 0%,transparent));opacity:.45}
.sb-malha i:nth-child(3){width:40vmax;height:40vmax;right:20%;top:10%;background:radial-gradient(closest-side in oklab,var(--noite-2),color-mix(in oklab,var(--noite-2) 0%,transparent))}

.sb-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"topo topo" "foto texto";
  column-gap:clamp(2rem,5vw,5.5rem);align-items:center}
.sb-topo{grid-area:topo;padding-left:var(--borda);margin-bottom:clamp(2.5rem,6vh,4.5rem)}
.sb-titulo{margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.04em;line-height:.9;font-size:clamp(3.3rem,9.2vw,10rem);color:var(--creme)}
.sb-titulo>span{display:block}
.sb-titulo>span+span{padding-left:clamp(0rem,22vw,22rem)}

/* retrato: sangra pela esquerda, com o fio dourado deslocado (a moldura dela, sem o arco) */
.sb-foto{grid-area:foto;position:relative;margin:0;align-self:center}
.sb-foto-quadro{display:block;position:relative;overflow:hidden;aspect-ratio:1374/1010;border-radius:0 4px 4px 0}
.sb-foto-quadro img{width:100%;height:100%;object-fit:cover;object-position:62% 100%;scale:1.06;transform-origin:62% 100%}
.sb-foto-fio{position:absolute;inset:1.1rem -1.1rem -1.1rem 0;border:1.5px solid var(--ouro);border-left:0;border-radius:0 4px 4px 0;pointer-events:none}
.js .sb-foto[data-rev] .sb-foto-quadro{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease) .1s}
.js .sb-foto[data-rev].vis .sb-foto-quadro{clip-path:inset(0)}

.sb-texto{grid-area:texto;min-width:0;padding-right:0}
.sb-manifesto{position:relative;margin:0}
.sb-aspa{display:block;height:.52em;margin:0 0 .15em -.04em;font-family:var(--f-tit);font-weight:800;font-size:clamp(5rem,8vw,8rem);line-height:.9;color:var(--ouro-claro)}
.sb-manifesto p{margin:0;font-family:var(--f-txt);font-weight:500;font-size:clamp(1.75rem,2.6vw,2.75rem);line-height:1.18;letter-spacing:-.012em;color:var(--creme);text-wrap:balance}
.sb-apoio{margin:1.6rem 0 0;color:var(--creme-2);max-width:33rem}
.sb-proposta{margin:1.2rem 0 0;padding-left:1rem;border-left:2px solid var(--ouro);color:var(--creme);max-width:33rem}
.sb-proposta span{display:block;margin-top:.3rem;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.06em;color:var(--creme-2)}

/* a ficha: folha pequena com assinatura e selo */
.sb-ficha{position:relative;max-width:31rem;margin-top:2.6rem;background:linear-gradient(170deg in oklab,var(--papel),var(--papel-2));color:var(--choco);border-radius:4px;
  padding:1.1rem 1.6rem 1.4rem;box-shadow:0 30px 50px -26px rgba(0,0,0,.8)}
.sb-ficha-cab{display:flex;justify-content:space-between;margin:0 0 .9rem;padding-bottom:.6rem;border-bottom:1px solid var(--parede-3);font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.sb-ficha dl{margin:0;display:grid;gap:.6rem}
.sb-ficha dl>div{display:grid;grid-template-columns:2.1rem minmax(0,1fr);align-items:baseline}
.sb-ficha dt{font-family:var(--f-txt);font-style:italic;color:var(--acento)}
.sb-ficha dd{margin:0;font-family:var(--f-tit);font-weight:700;font-size:1.125rem;line-height:1.25}
.sb-ass{position:relative;margin-top:1.8rem;padding-top:.6rem}
.sb-ass-linha{position:absolute;left:0;right:7.5rem;top:0;height:1.5px;background:var(--choco);transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease) .5s}
.sb-ass p{margin:0;font-size:1rem;color:var(--texto-2)}
.sb-ass b{display:block;font-family:var(--f-tit);font-weight:800;color:var(--choco);font-size:1.1875rem}
.sb-selo{position:absolute;right:-1.2rem;top:-2.6rem;width:7rem;height:7rem;opacity:0;transform:scale(2.2) rotate(-32deg);
  transition:opacity .3s ease 1.05s,transform .5s cubic-bezier(.3,1.45,.55,1) 1.05s}
.sb-selo::before{content:"";position:absolute;inset:0;background:var(--ouro);
  -webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.sb-selo i{position:absolute;inset:4%;border-radius:50%;border:2px solid var(--ouro-claro);opacity:0}
.sb-ficha.vis .sb-ass-linha{transform:scaleX(1)}
.sb-ficha.vis .sb-selo{opacity:1;transform:scale(1) rotate(-9deg)}
.sb-ficha.vis .sb-selo i{animation:sb-onda .9s var(--ease) 1.45s both}
@keyframes sb-onda{from{opacity:.75;transform:scale(.9)}to{opacity:0;transform:scale(1.7)}}
html:not(.js) .sb-ass-linha{transform:none}
html:not(.js) .sb-selo{opacity:1;transform:rotate(-9deg)}

/* vozes dos clientes + convite */
.sb-vozes{margin:clamp(4rem,9vh,6.5rem) 0 0 var(--borda);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:1.2rem clamp(2rem,4vw,4rem);align-items:start;
  border-top:1px solid color-mix(in oklab,var(--creme) 16%,transparent);padding-top:2rem}
.sb-vozes-rot{grid-column:1/-1;margin:0 0 .4rem;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.12em;text-transform:uppercase;color:var(--creme-2)}
.sb-vozes-rot b{color:var(--ouro-claro)}
.sb-voz{margin:0;position:relative;padding-top:2.2rem}
.sb-voz::before{content:"“";position:absolute;left:-.04em;top:-.1rem;font-family:var(--f-tit);font-weight:800;font-size:3.6rem;line-height:1;color:var(--ouro)}
.sb-voz blockquote{margin:0;font-family:var(--f-txt);font-size:clamp(1.125rem,.55vw + 1rem,1.4rem);line-height:1.38;color:var(--creme)}
.sb-voz figcaption{margin-top:.7rem;font-family:var(--f-tit);font-weight:700;font-size:.9375rem;letter-spacing:.06em;color:var(--creme-2)}
.sb-voz figcaption::before{content:"";display:inline-block;width:1.25rem;height:1.5px;margin-right:.55rem;vertical-align:middle;background:var(--ouro)}
.sb-wa{align-self:center;display:inline-flex;align-items:center;gap:.6rem;padding:1.05rem 1.6rem;border-radius:var(--raio);background:var(--ouro-claro);color:var(--choco);text-decoration:none;
  font-family:var(--f-tit);font-weight:800;font-size:1.0625rem;white-space:nowrap;box-shadow:0 14px 30px -16px rgba(0,0,0,.8);transition:background .25s}
.sb-wa svg{width:1.3rem;height:1.3rem;fill:currentColor;flex:none}
.sb-wa:hover{background:var(--creme)}

@media (max-width:1100px){
  .sb-vozes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sb-wa{grid-column:1/-1;justify-self:start}
}
@media (max-width:860px){
  .sb{padding:var(--secao-y) var(--borda)}
  .sb-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"topo" "foto" "texto"}
  .sb-topo{padding-left:0;margin-bottom:2rem}
  .sb-titulo{font-size:clamp(3.3rem,20.5vw,6.5rem)}
  .sb-titulo>span+span{padding-left:0}
  .sb-foto{margin:0 calc(var(--borda) * -1) 0 calc(var(--borda) * -1);padding-right:1.1rem}
  .sb-texto{margin-top:3.2rem}
  .sb-ficha{margin-right:1.2rem}
  .sb-selo{right:-1.4rem;width:6rem;height:6rem;top:-2.4rem}
  .sb-ass-linha{right:6rem}
  .sb-vozes{margin-left:0;grid-template-columns:minmax(0,1fr)}
  .sb-wa{white-space:normal;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  .sb-ass-linha{transform:none}
  .sb-selo{opacity:1;transform:rotate(-9deg)}
}

/* ===== 40-av ===== */
/* ---------- 40-av · avaliações (clara) ---------- */
.av{position:relative;isolation:isolate;overflow:clip;padding:var(--secao-y) var(--borda);
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;
  background:var(--parede-1);color:var(--choco)}
.av-malha{position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg in oklab,var(--parede-0) 0%,var(--parede-1) 55%,var(--parede-2) 100%)}
.av-malha i{position:absolute;border-radius:50%}
.av-malha i:nth-child(1){width:70vmax;height:70vmax;left:-26vmax;top:-20vmax;background:radial-gradient(closest-side in oklab,var(--camelo),color-mix(in oklab,var(--camelo) 0%,transparent));opacity:.55}
.av-malha i:nth-child(2){width:60vmax;height:60vmax;right:-22vmax;bottom:-30vmax;background:radial-gradient(closest-side in oklab,var(--parede-3),color-mix(in oklab,var(--parede-3) 0%,transparent));opacity:.7}
.av-malha i:nth-child(3){width:44vmax;height:44vmax;right:12%;top:-14vmax;background:radial-gradient(closest-side in oklab,var(--parede-0),color-mix(in oklab,var(--parede-0) 0%,transparent))}

/* nota: o arco dela, agora com a nota de quem já conversou */
.av-nota{display:flex;flex-direction:column;align-items:center;gap:1.6rem;justify-self:center;width:min(100%,28rem)}
.av-arco{position:relative;width:100%;aspect-ratio:7/9;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 1.5rem 2.6rem;
  border-radius:50% 50% 0 0/38% 38% 0 0;background:linear-gradient(180deg in oklab,var(--camelo),color-mix(in oklab,var(--camelo) 70%,var(--parede-3)))}
.av-chao{position:relative;z-index:-1;display:block;width:96%;height:2.6rem;margin:-2.9rem 0 -1.3rem;transform:translateX(4%);border-radius:50%;background:radial-gradient(closest-side,rgba(60,40,28,.2),rgba(60,40,28,0))}
.av-contorno{position:absolute;inset:0;transform:translate(1.1rem,1.1rem);border:1.5px solid var(--ouro);border-radius:inherit;border-bottom:0;pointer-events:none}
.av-num{margin:0;position:relative;font-family:var(--f-tit);font-weight:800;line-height:.8;letter-spacing:-.06em;font-size:clamp(8rem,17vw,16.5rem);color:var(--choco);font-variant-numeric:lining-nums}
.av-num-in{display:inline-block;overflow:clip;padding:.06em .04em .16em;margin:-.06em -.04em -.16em}
.av-num .c{display:inline-block}
.js .av-num .c{transform:translateY(118%);transition:transform 1s cubic-bezier(.2,.75,.12,1) calc(.35s + var(--k) * .08s)}
.js .av-nota.vis .av-num .c{transform:none}
.js .av-arco{clip-path:inset(100% -2rem -2rem -2rem);transition:clip-path 1.2s var(--ease)}
.js .av-nota.vis .av-arco{clip-path:inset(-2rem -2rem -2rem -2rem)}
.av-aspas{position:absolute;left:50%;top:12%;transform:translateX(-50%);font-family:var(--f-tit);font-weight:800;font-size:clamp(7rem,11vw,11rem);line-height:.7;color:var(--ouro);opacity:.9}
.av-marcas{list-style:none;margin:1.5rem 0 1.05rem;padding:0;display:flex;gap:.32rem;--s:clamp(1.05rem,1.55vw,1.4rem)}
.av-marcas li{width:var(--s);aspect-ratio:1;background:var(--choco);
  clip-path:polygon(50% 2%,61.5% 36%,98% 36%,68.5% 57.5%,79.5% 92%,50% 71%,20.5% 92%,31.5% 57.5%,2% 36%,38.5% 36%)}
.av-marcas .av-m4{background:linear-gradient(90deg,var(--choco) 0 80%,var(--parede-0) 80%)}
.js .av-marcas li{transform:scale(0) rotate(-40deg);transition:transform .6s cubic-bezier(.3,1.5,.5,1) calc(.55s + var(--k) * .06s)}
.js .av-nota.vis .av-marcas li{transform:none}
.av-conta{margin:0;text-align:center;font-family:var(--f-tit);font-weight:700;font-size:1.25rem;line-height:1.3}
.av-conta b{font-weight:800}
.av-conta span{font-weight:500;font-size:var(--t-mini);color:var(--texto-2);letter-spacing:.02em}
.av-link{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:var(--raio);border:1.5px solid color-mix(in oklab,var(--choco) 30%,transparent);
  font-family:var(--f-tit);font-weight:700;font-size:1rem;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.av-link:hover,.av-link:focus-visible{background:var(--choco);color:var(--parede-0);border-color:var(--choco)}

/* fala: a frase respondida */
.av-fala{min-width:0;container-type:inline-size}
.av-titulo{margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.035em;line-height:.94;font-size:min(9.4cqi,5.6rem);text-wrap:nowrap}
.av-l1{display:block}
.av-vaga{position:relative;display:inline-block;vertical-align:bottom;white-space:pre;overflow:hidden;line-height:1.16;padding:0 .02em .12em 0;margin-bottom:-.12em;color:var(--acento);transition:width .7s var(--ease)}
.av-palavra{display:inline-block}
.av-palavra .c{display:inline-block;white-space:pre}
.av-sub{position:absolute;left:0;right:.02em;bottom:.07em;height:.075em;min-height:4px;border-radius:2px;background:var(--ouro);transform-origin:left center}
.av-q{display:inline-block;vertical-align:bottom;line-height:1.16}

/* folha assinada */
.av-folhas{position:relative;margin-top:clamp(1.8rem,4vh,2.6rem)}
.av-folha-f2{position:absolute;inset:0;border-radius:4px;background:var(--papel-2);transform:rotate(1.6deg) translate(.6rem,.4rem);box-shadow:0 24px 44px -26px rgba(33,22,17,.5)}
.av-folha{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:4px;background:var(--papel);box-shadow:0 1px 0 rgba(33,22,17,.06),0 24px 44px -26px rgba(33,22,17,.5);padding:clamp(1.4rem,3vw,2.4rem) clamp(1.3rem,3vw,2.6rem)}
.av-dep{margin:0;grid-area:2/1;display:flex;flex-direction:column}
.av-dep.av-curta p{font-size:clamp(1.6rem,1.6vw + 1rem,2.4rem);line-height:1.28;letter-spacing:-.005em}
.av-folha-cab{grid-area:1/1;margin:0 0 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}
.av-folha-n{font-family:var(--f-txt);font-style:italic;font-weight:400;font-size:1rem;letter-spacing:.04em;text-transform:none;color:var(--acento)}
.av-dep blockquote{margin:0 0 1.4rem}
.av-dep p{margin:0;font-size:clamp(1.25rem,.9vw + 1rem,1.75rem);line-height:1.42;font-weight:500;text-wrap:pretty}
.av-g{background:linear-gradient(color-mix(in oklab,var(--ouro-claro) 55%,transparent),color-mix(in oklab,var(--ouro-claro) 55%,transparent)) left 88%/100% .42em no-repeat;color:inherit;padding:0 .05em}
.av-dep figcaption{margin-top:auto;padding-top:.9rem;border-top:1px solid color-mix(in oklab,var(--choco) 25%,transparent);display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;font-family:var(--f-tit)}
.av-dep figcaption b{font-weight:800;font-size:1.25rem;display:inline-flex;align-items:center;gap:.6rem}
.av-dep figcaption b::before{content:"";width:1.6rem;height:2px;background:var(--ouro)}
.av-dep figcaption span{font-weight:500;font-size:var(--t-mini);color:var(--texto-2)}

/* com JS: uma folha por vez */
.js .av-dep{visibility:hidden;opacity:0}
.js .av-dep[data-on]{visibility:visible;opacity:1}
.js .av-dep .av-g{background-size:0 .42em;transition:background-size .9s var(--ease) .35s}
.js .av-dep[data-on].lido .av-g{background-size:100% .42em}
.av-dep.entra p,.av-dep.entra figcaption{animation:av-sobe .7s var(--ease) both}
.av-dep.entra figcaption{animation-delay:.1s}
@keyframes av-sobe{from{opacity:0;transform:translateY(.8rem)}}

/* temas */
.av-temas{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.av-tema{position:relative;overflow:hidden;cursor:pointer;border:1.5px solid color-mix(in oklab,var(--choco) 22%,transparent);background:color-mix(in oklab,var(--parede-0) 55%,transparent);
  border-radius:var(--raio);padding:.48rem .9rem .52rem;font-family:var(--f-tit);font-weight:700;font-size:1rem;white-space:nowrap;
  transition:background .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.av-tema:hover{border-color:var(--choco)}
.av-tema[aria-pressed="true"]{background:var(--choco);color:var(--parede-0);border-color:var(--choco)}
.av-tema::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ouro-claro);transform:scaleX(0);transform-origin:left}
.av-tema.tempo::after{animation:av-tempo var(--ciclo,6s) linear forwards}
@keyframes av-tempo{to{transform:scaleX(1)}}

@media (max-width:1100px) and (min-width:861px){
  .av{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2.5rem}
}
@media (max-width:860px){
  .av{grid-template-columns:minmax(0,1fr);gap:3rem}
  .av{gap:0}
  .av-fala{display:contents}
  .av-fala>.rotulo{order:1}
  .av-titulo{order:2}
  .av-nota{order:3;width:min(100%,24rem);margin:2.6rem auto 0}
  .av-folhas{order:4;margin-top:3rem}
  .av-temas{order:5}
  .av-arco{aspect-ratio:auto;padding:7.4rem 1rem 2.2rem}
  .av-aspas{top:1.6rem;font-size:6.5rem}
  .av-marcas{--s:1.3rem;gap:.25rem}
  .av-titulo{font-size:min(9.8vw,4.2rem)}
  .av-num{font-size:clamp(7rem,32vw,10rem)}
}
@media (prefers-reduced-motion:reduce){
  .js .av-dep .av-g{background-size:100% .42em}
}

/* ===== 50-ct ===== */
/* ---------- 50-ct · contato e fecho ---------- */
.ct{position:relative;isolation:isolate;overflow:clip;padding:var(--secao-y) var(--borda) 0;color:var(--choco)}
.ct-malha{position:absolute;inset:0;z-index:-1;background:linear-gradient(172deg in oklab,var(--parede-1) 0%,var(--camelo) 55%,#cdb69a 100%)}
.ct-malha i{position:absolute;border-radius:50%}
.ct-malha i:nth-child(1){width:70vmax;height:70vmax;left:-24vmax;top:-34vmax;background:radial-gradient(closest-side in oklab,var(--parede-0),color-mix(in oklab,var(--parede-0) 0%,transparent));opacity:.8}
.ct-malha i:nth-child(2){width:56vmax;height:56vmax;right:-16vmax;top:-6vmax;background:radial-gradient(closest-side in oklab,var(--ouro-claro),color-mix(in oklab,var(--ouro-claro) 0%,transparent));opacity:.4}
.ct-malha i:nth-child(3){width:50vmax;height:50vmax;left:22%;top:18%;background:radial-gradient(closest-side in oklab,var(--parede-0),color-mix(in oklab,var(--parede-0) 0%,transparent));opacity:.35}

.ct-palco{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem);align-items:center;max-width:90rem;margin:0 auto}
.ct-frase{container-type:inline-size;min-width:0;position:relative;z-index:1}

/* o título com o espaço em branco */
.ct-tit{margin:0;font-family:var(--f-tit);font-weight:800;letter-spacing:-.035em;line-height:.94;font-size:min(12.1cqi,7.4rem)}
.ct-l1,.ct-l2,.ct-l3{display:block}
.ct-l3{display:flex;align-items:flex-end;max-width:100%}
.ct-vaga{position:relative;display:block;min-width:0;max-width:calc(100% - .6em)}
.ct-campo{display:block;width:var(--cw,7em);max-width:100%;min-width:2.5em;margin:0;font:inherit;letter-spacing:inherit;line-height:1.16;color:var(--acento);background:transparent;border:0;border-radius:0;
  padding:0 .04em .1em 0;caret-color:var(--ouro);
  background-image:linear-gradient(var(--ouro),var(--ouro));background-repeat:no-repeat;background-position:left calc(100% - .03em);background-size:100% .075em;
  transition:width .35s var(--ease),font-size .35s var(--ease),background-size .5s var(--ease)}
.ct-campo::placeholder{color:color-mix(in oklab,var(--acento) 38%,transparent);opacity:1}
.ct-campo:focus{outline:none;background-image:linear-gradient(var(--acento),var(--acento))}
.ct-campo:focus-visible{outline:none;box-shadow:0 0 0 .14em color-mix(in oklab,var(--parede-0) 70%,transparent);background-color:color-mix(in oklab,var(--parede-0) 70%,transparent);border-radius:.08em}
.ct-l3.longo{font-size:.62em}
.js .ct-l3[data-rev] .ct-campo{background-size:0 .075em}
.js .ct-l3[data-rev].vis .ct-campo{background-size:100% .075em;transition:width .35s var(--ease),font-size .35s var(--ease),background-size .9s var(--ease) calc(var(--d,0s) + .45s)}
.ct-medida{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;pointer-events:none;font:inherit;letter-spacing:inherit;padding:0 .04em 0 0}
.ct-q{flex:none;line-height:1.16;padding-bottom:.1em;margin-left:.04em}
.ct-l3.longo .ct-q{font-size:1.6em;line-height:.9}

.ct-dica{margin:clamp(1.4rem,3vh,2rem) 0 .75rem;color:var(--texto-2);max-width:34rem}
.ct-chips{display:flex;flex-wrap:wrap;gap:.45rem;max-width:36rem}
.ct-chip{cursor:pointer;border:1.5px solid color-mix(in oklab,var(--choco) 22%,transparent);background:color-mix(in oklab,var(--parede-0) 60%,transparent);border-radius:var(--raio);
  padding:.55rem .95rem .6rem;font-family:var(--f-tit);font-weight:700;font-size:1rem;white-space:nowrap;transition:background .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ct-chip:hover{border-color:var(--choco)}
.ct-chip[aria-pressed="true"]{background:var(--choco);color:var(--parede-0);border-color:var(--choco)}
.ct-chip.ct-meu{border-style:dashed;border-color:var(--acento);color:var(--acento)}
.ct-chip.ct-meu[aria-pressed="true"]{border-style:solid;background:var(--acento);color:var(--papel)}
.ct-chip[hidden]{display:none}

/* envio */
.ct-lado{position:relative;display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.ct-envio{position:relative;z-index:2;align-self:flex-start;width:min(100%,25rem);margin-top:-8.5rem;display:flex;flex-direction:column;gap:.85rem}
.ct-balao{position:relative;padding:.9rem 1.15rem 1rem;background:var(--papel);border-radius:1.1rem 1.1rem 1.1rem .3rem;box-shadow:0 18px 34px -22px rgba(33,22,17,.55)}
.ct-para{display:flex;align-items:center;gap:.55rem;margin:0 0 .4rem;font-family:var(--f-tit);font-weight:500;font-size:.875rem;color:var(--texto-2)}
.ct-para img{width:2rem;height:2rem;border-radius:50%;object-fit:cover;object-position:50% 30%}
.ct-para b{color:var(--choco);font-weight:800}
.ct-msg{margin:0;font-size:var(--t-apoio);line-height:1.45;min-height:2.9em}
.ct-msg b{font-weight:600;color:var(--acento);background:linear-gradient(var(--ouro-claro),var(--ouro-claro)) left 94%/100% .1em no-repeat}
.ct-hora{margin:.35rem 0 0;font-family:var(--f-tit);font-weight:500;font-size:.75rem;letter-spacing:.06em;color:var(--texto-2);text-align:right}
.ct-wa{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;text-decoration:none;background:var(--choco);color:var(--parede-0);border-radius:var(--raio);padding:1.1rem 1.7rem 1.1rem 1.4rem;
  font-family:var(--f-tit);font-weight:800;font-size:1.125rem;white-space:nowrap;box-shadow:0 14px 30px -16px rgba(33,22,17,.55);transition:transform .25s var(--ease),background .25s}
.ct-wa svg{width:1.35rem;height:1.35rem;fill:var(--ouro-claro)}
.ct-wa:hover{background:var(--choco-2);transform:translateY(-2px)}

/* a folha em cena */
.ct-mesa{position:relative;width:min(84%,23rem);aspect-ratio:210/280;margin-right:1.2rem;transform:rotate(-4deg)}
.ct-folha{position:absolute;inset:0;border-radius:4px;background:var(--papel);box-shadow:0 1px 0 rgba(33,22,17,.06),0 24px 44px -26px rgba(33,22,17,.5)}
.ct-f2{transform:translate(1.1rem,.8rem) rotate(5deg);background:var(--papel-2)}
.ct-ativa{padding:1.5rem 1.5rem 1.3rem;display:flex;flex-direction:column;gap:.62rem;overflow:hidden;background:linear-gradient(180deg in oklab,var(--papel),var(--papel-2))}
.ct-ativa::before{content:"";position:absolute;inset:.45rem;border:1px solid color-mix(in oklab,var(--ouro) 28%,transparent);border-radius:2px;pointer-events:none}
.ct-fcab{display:flex;align-items:center;justify-content:space-between;font-family:var(--f-tit);font-weight:700;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.ct-fmono{width:1.5rem;height:1.5rem;background:var(--ouro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}
.ct-fsob{margin:.5rem 0 0;font-family:var(--f-tit);font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.ct-ftipo{margin:0 0 .3rem;min-height:2.3em;font-family:var(--f-tit);font-weight:800;font-size:1.5rem;line-height:1.05;letter-spacing:-.01em;color:var(--choco);overflow-wrap:anywhere}
.ct-ftipo .vazio{color:color-mix(in oklab,var(--choco) 30%,transparent)}
.ct-cursor{display:inline-block;width:2px;height:.9em;margin-left:.08em;vertical-align:-.08em;background:var(--ouro);opacity:0}
.ct.escrevendo .ct-cursor{opacity:1;animation:ct-pisca 1s steps(1) infinite}
@keyframes ct-pisca{50%{opacity:0}}
.ct-fl{display:block;flex:none;height:.36rem;border-radius:2px;width:var(--w);background:color-mix(in oklab,var(--choco) 16%,transparent);transform-origin:left center}
.ct-fcl{margin:.25rem 0 0;display:flex;align-items:baseline;gap:.45rem;font-family:var(--f-tit);font-weight:700;font-size:.8125rem}
.ct-fcl span{font-family:var(--f-txt);font-style:italic;font-weight:500;color:var(--acento)}
.ct-fcl mark{position:relative;z-index:0;background:none;color:inherit;padding:0 .15rem}
.ct-fcl mark::before{content:"";position:absolute;z-index:-1;inset:.18em -.1rem .02em;border-radius:2px;background:color-mix(in oklab,var(--ouro-claro) 55%,transparent);transform-origin:left center}
.ct-fnota{margin:.15rem 0 0;padding-left:.6rem;border-left:2px solid var(--ouro);font-style:italic;font-size:.875rem;line-height:1.3;color:var(--choco-2)}
.ct-fass{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ct-fass span{border-top:1px solid color-mix(in oklab,var(--choco) 45%,transparent);padding-top:.25rem;font-family:var(--f-tit);font-weight:500;font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2)}
.ct-ativa.reescreve .ct-fl{animation:ct-escreve .5s var(--ease) both;animation-delay:calc(var(--k,0) * .06s)}
.ct-ativa.reescreve .ct-fcl mark::before{animation:ct-escreve .6s var(--ease) both;animation-delay:.35s}
@keyframes ct-escreve{from{transform:scaleX(0)}}

/* faixa escura: o escritório */
.ct-dados{position:relative;margin:clamp(4rem,9vh,7rem) calc(var(--borda) * -1) 0;padding:clamp(3.5rem,8vw,6rem) var(--borda) clamp(3.5rem,8vw,6rem);background:var(--noite);color:var(--creme);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.ct-dados::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--choco-2) 70%,transparent),color-mix(in oklab,var(--choco-2) 0%,transparent)) 0 0/70% 120% no-repeat}
.ct-dtexto{position:relative;order:2}
.ct-dtit{margin:0 0 1.6rem;font-family:var(--f-tit);font-weight:800;font-size:clamp(2.2rem,4.2vw,4rem);letter-spacing:-.035em;line-height:.98}
.ct-end{font-style:normal;display:flex;flex-direction:column;gap:.35rem;padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid color-mix(in oklab,var(--creme) 16%,transparent)}
.ct-end b{font-family:var(--f-tit);font-weight:800;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.015em;line-height:1.1}
.ct-end span{color:var(--creme-2)}
.ct-lista{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem}
.ct-lista div:first-child{grid-column:1/-1}
.ct-lista dt{font-family:var(--f-tit);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro)}
.ct-lista dd{margin:.3rem 0 0;color:var(--creme)}
.ct-num{font-family:var(--f-tit);font-weight:800;font-size:clamp(1.35rem,1.8vw,1.65rem);letter-spacing:-.01em;text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:2px;text-underline-offset:.25em}
.ct-num:hover{color:var(--ouro-claro)}
.ct-chegar{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:1rem 1.5rem;background:var(--ouro-claro);color:var(--choco);border-radius:var(--raio);text-decoration:none;font-family:var(--f-tit);font-weight:800;font-size:1.0625rem;transition:background .25s,transform .25s var(--ease)}
.ct-chegar:hover{background:var(--creme);transform:translateY(-2px)}

/* o mapa num arco que sobe da faixa escura */
.ct-mapa{position:relative;order:1;width:min(100%,27rem);aspect-ratio:4/5;margin-top:clamp(-11rem,-9vw,-5rem);justify-self:start}
.ct-mcont{position:absolute;inset:0;transform:translate(1.1rem,1.1rem);border:1.5px solid var(--ouro);border-radius:50% 50% 0 0/38% 38% 0 0;border-bottom:0}
.ct-mjan{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% 0 0/38% 38% 0 0;background:var(--noite-2);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ct-mjan iframe{position:absolute;left:0;top:-4.5rem;width:100%;height:calc(100% + 4.5rem);border:0;filter:grayscale(1) sepia(.45) contrast(.92) brightness(1.02)}
.ct-mleg{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);margin:0;padding:.5rem 1rem;border-radius:var(--raio);background:var(--noite);color:var(--creme);font-family:var(--f-tit);font-weight:700;font-size:.875rem;letter-spacing:.04em;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.ct-mleg::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.5rem;border-radius:50%;background:var(--ouro-claro);vertical-align:.05em}

/* entrada da folha */
.js .ct-mesa[data-rev]{transform:translate(2rem,3rem) rotate(4deg)}
.js .ct-mesa[data-rev].vis{transform:rotate(-4deg);transition:opacity .9s ease var(--d,0s),transform 1.3s var(--ease) var(--d,0s)}

/* esconde o WhatsApp fixo enquanto o fecho está na tela (o botão já está aqui) */
html.ct-visivel .wa-fixo{transform:translateY(160%)}

@media (max-width:1180px) and (min-width:861px){
  .ct-palco{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .ct-envio{margin-top:-6rem}
}
@media (max-width:860px){
  .ct-palco{grid-template-columns:minmax(0,1fr);gap:0}
  .ct-tit{font-size:min(12.4cqi,5.4rem)}
  .ct-chips{display:flex;flex-wrap:wrap}
  .ct-chip{padding:.65rem 1.05rem .7rem}
  .ct-lado{margin-top:2.25rem}
  .ct-mesa{width:min(66vw,16rem);margin-right:.6rem;font-size:.8em}
  .ct-envio{width:100%;margin-top:-5.5rem}
  .ct-balao{margin-right:2.5rem}
  .ct-wa{width:100%}
  .ct-ativa{padding:1rem;gap:.45rem}
  .ct-ftipo{font-size:1.05rem}
  .ct-fl{height:.26rem}
  .ct-fcl{font-size:.625rem}
  .ct-fnota{font-size:.6875rem}
  .ct-dados{grid-template-columns:minmax(0,1fr);margin-top:4rem}
  .ct-mapa{order:3;margin-top:1rem;width:100%;aspect-ratio:1/1;max-width:26rem;justify-self:center}
  .ct-lista{grid-template-columns:minmax(0,1fr)}
  .ct-chegar{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .js .ct-mesa[data-rev]{transform:rotate(-4deg)}
}
@media (min-width:561px) and (max-width:860px){
  .ct-envio{width:min(100%,32rem)}
  .ct-balao{margin-right:0}
}
.ct-cep{white-space:nowrap}

/* ===== 90-rp ===== */
/* ---------- 90-rp · rodapé ---------- */
.rp{position:relative;isolation:isolate;overflow:clip;background:var(--noite-2);color:var(--creme-2);padding:clamp(4rem,8vw,6rem) var(--borda) 1.6rem;font-size:1.0625rem}
.rp::before{content:"";position:absolute;z-index:-1;width:80vmax;height:60vmax;left:50%;bottom:-30vmax;transform:translateX(-50%);
  background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--choco-2) 75%,transparent),color-mix(in oklab,var(--choco-2) 0%,transparent))}
/* a costura com a seção de cima: fio dourado e o monograma */
.rp-costura{position:absolute;left:var(--borda);right:var(--borda);top:1.8rem;height:1px;background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--ouro) 0%,transparent),var(--ouro) 30%,var(--ouro) 70%,color-mix(in oklab,var(--ouro) 0%,transparent))}
.rp-mono{position:absolute;left:50%;top:0;width:3.4rem;height:3.4rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--noite-2);border:1px solid var(--ouro)}
.rp-mono::after{content:"";position:absolute;inset:.55rem;background:var(--ouro-claro);-webkit-mask:url("../img/monograma-dourado.png") center/contain no-repeat;mask:url("../img/monograma-dourado.png") center/contain no-repeat}

.rp-topo{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.rp-logo{width:clamp(11rem,16vw,15rem);height:auto}
.rp-links{display:flex;flex-wrap:wrap;gap:.6rem}
.rp-link{display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.2rem;border:1.5px solid color-mix(in oklab,var(--ouro-claro) 45%,transparent);border-radius:var(--raio);
  color:var(--creme);text-decoration:none;font-family:var(--f-tit);font-weight:700;font-size:1rem;transition:background .25s,border-color .25s,color .25s}
.rp-link svg{width:1.15rem;height:1.15rem;fill:var(--ouro-claro)}
.rp-link:hover{background:var(--ouro-claro);border-color:var(--ouro-claro);color:var(--choco)}
.rp-link:hover svg{fill:var(--choco)}

.rp-frase{position:relative;display:block;width:fit-content;max-width:100%;margin:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,4vw,3rem);font-family:var(--f-tit);font-weight:800;font-size:clamp(2.7rem,6.85vw,8.6rem);letter-spacing:-.045em;line-height:.9;
  color:color-mix(in oklab,var(--creme) 14%,transparent);text-decoration:none;transition:color .5s var(--ease)}
.rp .rp-frase{color:color-mix(in oklab,var(--creme) 14%,transparent);text-decoration:none}
.rp-dir{position:relative;display:inline-block;color:color-mix(in oklab,var(--ouro-claro) 48%,transparent);transition:color .5s var(--ease)}
.rp-dir::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.06em;background:var(--ouro);transform-origin:left center;transform:scaleX(var(--g,1));transition:transform 1.1s var(--ease) .5s}
.js .rp-frase[data-rev]:not(.vis) .rp-dir::after{--g:0}
.rp-volta{position:absolute;right:-.15em;top:-.1em;font-size:.32em;line-height:1;color:var(--ouro-claro);opacity:0;transform:translateY(.4em);transition:opacity .4s,transform .5s var(--ease)}
.rp .rp-frase:hover,.rp .rp-frase:focus-visible{color:color-mix(in oklab,var(--creme) 32%,transparent)}
.rp-frase:hover .rp-dir,.rp-frase:focus-visible .rp-dir{color:var(--ouro-claro)}
.rp-frase:hover .rp-volta,.rp-frase:focus-visible .rp-volta{opacity:1;transform:none}
.rp-frase:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:.15em}

.rp-ficha{display:grid;gap:.3rem;color:var(--creme-2);font-size:var(--t-apoio)}
.rp-ficha p{margin:0}
.rp-ficha i{font-style:normal}
.rp-ficha .rp-cep{display:inline;white-space:nowrap}
.rp-ficha b{color:var(--creme);font-family:var(--f-tit);font-weight:800;letter-spacing:.01em}
.rp a{color:var(--creme);text-decoration-color:var(--ouro);text-underline-offset:.22em}
.rp a:hover{color:var(--ouro-claro)}

.rp-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;margin-top:2rem;padding-top:1.3rem;border-top:1px solid color-mix(in oklab,var(--creme) 14%,transparent);font-size:.9375rem}
.rp-base p{margin:0}
.rp-selo{margin:1rem 0 0;font-family:var(--f-tit);font-weight:500;font-size:.9375rem;letter-spacing:.02em;color:var(--creme-2)}
.rp-selo a{font-weight:800;color:var(--creme);text-decoration:underline;text-decoration-thickness:1.5px}

@media (prefers-reduced-motion:reduce){.js .rp-frase[data-rev]:not(.vis) .rp-dir::after{--g:1}}
@media (max-width:860px){
  .rp{padding-bottom:6.5rem}
  .rp-topo{flex-direction:column;align-items:flex-start}
  .rp-links{gap:.5rem}
  .rp-link{padding:.7rem 1rem}
  .rp-frase{font-size:clamp(2.4rem,11.4vw,5.6rem)}
  .rp-f1,.rp-f2{display:block}
  .rp-ficha{gap:.7rem}
  .rp-ficha span{display:block}
  .rp-ficha i{display:none}
  .rp-base{flex-direction:column}
}