/* ===== BASE — Laura Ornelas (não editar nas seções; pedidos à base vão no relatório) ===== */
:root{
  --cafe:#2b1c17; --cafe-fundo:#1f1310; --chocolate:#4a2f27; --caramelo:#7d522f;
  --pele:#c99a77; --pele-luz:#deaa82;
  --creme:#f8f1e7; --creme-2:#f1e6d6; --papel:#fbf6ee;
  --ameixa:#9c2a5d; --ameixa-funda:#5e1a3a; --rosa:#f3aac5; --manteiga:#f3dd9a;
  --tarja:#c9ced6; --tarja-sombra:#a9b0bb;
  --salvia:#6c7a5f; --salvia-clara:#c4cdb7;
  --tinta:#2b1c17; --tinta-suave:#5d4840;
  --claro-suave:rgb(248 241 231 / .84);

  --f-titulo:"Sansita","Trebuchet MS",sans-serif;
  --f-texto:"Livvic","Segoe UI",system-ui,sans-serif;
  --f-mao:"Gochi Hand","Comic Sans MS",cursive;

  --t-titulo:clamp(2rem,9vw,2.75rem);
  --t-apoio:1.125rem;
  --t-h2:clamp(2.1rem,1.2rem + 3.6vw,4.2rem);
  --t-h3:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);
  --t-mini:.875rem;

  --margem:clamp(16px,4.5vw,88px);
  --respiro:clamp(80px,11vw,168px);
  --largura:1280px;
  --nav-h:64px;
  --raio-foto:26px;
  --curva:cubic-bezier(.2,.7,.2,1);
  --sombra-noite:0 30px 60px -28px rgb(10 4 3 / .75);
  --sombra-dia:0 24px 50px -30px rgb(43 28 23 / .45);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;background:var(--cafe-fundo)}
body{margin:0;min-height:100svh;background:var(--cafe-fundo);color:var(--creme);font-family:var(--f-texto);font-size:var(--t-apoio);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px dashed var(--manteiga);outline-offset:4px;border-radius:6px}
.wf-claro :focus-visible,.wf-creme :focus-visible{outline-color:var(--ameixa)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nowrap{white-space:nowrap}

/* granulado único */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.2 -.1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---------- seções ---------- */
.wf-sec{position:relative;padding:var(--respiro) var(--margem);overflow:clip;isolation:isolate}
.wf-sec > .wf-dentro{max-width:var(--largura);margin:0 auto;position:relative;z-index:1}
.wf-noite{background:var(--cafe-fundo);color:var(--creme)}
.wf-claro{background:var(--papel);color:var(--tinta)}
.wf-creme{background:var(--creme);color:var(--tinta)}
/* malha de fundo: <div class="wf-malha wf-malha--noite|ameixa|claro" aria-hidden="true"><i></i><i></i><i></i></div> */
.wf-malha{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.wf-malha i{position:absolute;display:block;border-radius:50%;animation:wf-deriva 32s ease-in-out infinite alternate}
.wf-malha i:nth-child(2){animation-duration:26s;animation-direction:alternate-reverse}
.wf-malha i:nth-child(3){animation-duration:38s}
@keyframes wf-deriva{to{transform:translate(6vmax,4vmax) scale(1.08)}}
.wf-malha--ameixa i:nth-child(1){width:110vmax;height:110vmax;left:-40vmax;top:-30vmax;background:radial-gradient(closest-side in oklab,rgb(156 42 93/.7),rgb(156 42 93/.28) 48%,rgb(156 42 93/0))}
.wf-malha--ameixa i:nth-child(2){width:90vmax;height:80vmax;right:-30vmax;bottom:-40vmax;background:radial-gradient(closest-side in oklab,rgb(74 47 39/.95),rgb(74 47 39/0))}
.wf-malha--ameixa i:nth-child(3){width:60vmax;height:60vmax;right:-14vmax;top:-12vmax;background:radial-gradient(closest-side in oklab,rgb(201 154 119/.38),rgb(125 82 47/.18) 45%,rgb(125 82 47/0))}
.wf-malha--noite i:nth-child(1){width:100vmax;height:100vmax;left:-36vmax;top:-34vmax;background:radial-gradient(closest-side in oklab,rgb(74 47 39/.9),rgb(74 47 39/0))}
.wf-malha--noite i:nth-child(2){width:80vmax;height:80vmax;right:-34vmax;bottom:-36vmax;background:radial-gradient(closest-side in oklab,rgb(94 26 58/.65),rgb(94 26 58/0))}
.wf-malha--noite i:nth-child(3){width:50vmax;height:50vmax;left:30vw;top:20%;background:radial-gradient(closest-side in oklab,rgb(243 170 197/.1),rgb(243 170 197/0))}
.wf-malha--claro i:nth-child(1){width:90vmax;height:90vmax;left:-36vmax;top:-30vmax;background:radial-gradient(closest-side in oklab,rgb(241 230 214/.95),rgb(241 230 214/0))}
.wf-malha--claro i:nth-child(2){width:70vmax;height:70vmax;right:-26vmax;top:10%;background:radial-gradient(closest-side in oklab,rgb(243 170 197/.22),rgb(243 170 197/0))}
.wf-malha--claro i:nth-child(3){width:60vmax;height:60vmax;left:20vw;bottom:-30vmax;background:radial-gradient(closest-side in oklab,rgb(243 221 154/.3),rgb(243 221 154/0))}

/* ---------- títulos ---------- */
.wf-h2{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:var(--t-h2);line-height:1;letter-spacing:-.005em;text-wrap:balance}
.wf-h2 em{font-style:italic;font-weight:900;color:var(--rosa);letter-spacing:-.01em}
.wf-claro .wf-h2 em,.wf-creme .wf-h2 em{color:var(--ameixa)}
.wf-h3{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:var(--t-h3);line-height:1.08}
.wf-brilho{display:inline-block;font-family:var(--f-texto);font-weight:400;font-size:.55em;vertical-align:.7em;margin-left:.06em;color:var(--manteiga)}
.wf-claro .wf-brilho,.wf-creme .wf-brilho{color:var(--ameixa)}
.wf-apoio{max-width:38ch;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.5}
.wf-noite .wf-apoio{color:var(--claro-suave)}
.wf-claro .wf-apoio,.wf-creme .wf-apoio{color:var(--tinta-suave)}

/* ---------- tarja (motivo) ---------- */
/* <span class="tarja">a frase</span>  ·  variantes: .tarja--grande, .tarja--riscada (dois traços), .tarja--d (gira p/ direita) */
.tarja{display:inline-block;position:relative;font-family:var(--f-mao);font-weight:400;font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.05;color:var(--cafe);
  background:linear-gradient(180deg,#d3d8df,var(--tarja) 60%,#bfc5ce);padding:.26em 1.1em .32em;
  clip-path:polygon(0 0,100% 0,calc(100% - .5em) 50%,100% 100%,0 100%,.5em 50%);transform:rotate(-1.6deg);
  filter:drop-shadow(0 8px 10px rgb(20 8 6/.25))}
.tarja--d{transform:rotate(1.4deg)}
.tarja--grande{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem)}
.tarja-onda{display:block;width:3.4em;height:.34em;margin:.25em auto 0;overflow:visible}
.tarja-onda path{fill:none;stroke:var(--manteiga);stroke-width:2.4;stroke-linecap:round}
.wf-claro .tarja-onda path,.wf-creme .tarja-onda path{stroke:var(--caramelo)}
.tarja--riscada::after,.tarja--riscada::before{content:"";position:absolute;left:.7em;right:.7em;height:.12em;border-radius:99px;background:var(--ameixa);top:50%;transform:rotate(-2deg)}
.tarja--riscada::before{left:1.1em;right:.9em;top:58%;transform:rotate(1.4deg);height:.09em}

/* papel com a resposta dela */
.papel{background:var(--papel);color:var(--cafe);border-radius:18px;padding:1em 1.2em;box-shadow:0 16px 30px -14px rgb(15 6 4/.45),inset 0 0 0 1px rgb(43 28 23/.06)}

/* estrela de 4 pontas: <svg class="wf-estrela"><use href="#wf-estrela"/></svg> (símbolo no fim do body) */
.wf-estrela{width:22px;height:22px;fill:var(--tarja);animation:wf-pisca 5s ease-in-out infinite}
@keyframes wf-pisca{50%{transform:scale(.7) rotate(18deg);opacity:.45}}

/* ---------- botões ---------- */
.wf-botao{display:inline-flex;align-items:center;gap:.6em;min-height:56px;padding:0 1.5em;border-radius:999px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:transform .25s,background .25s,color .25s}
.wf-botao svg{width:1.3em;height:1.3em;flex:none}
.wf-botao--creme{background:var(--creme);color:var(--cafe);box-shadow:0 14px 30px -14px rgb(243 170 197/.65)}
.wf-botao--creme svg{fill:var(--ameixa)}
.wf-botao--creme:hover,.wf-botao--creme:focus-visible{background:var(--rosa);transform:translateY(-2px)}
.wf-botao--ameixa{background:var(--ameixa);color:#fff;box-shadow:0 14px 30px -14px rgb(156 42 93/.8)}
.wf-botao--ameixa svg{fill:#fff}
.wf-botao--ameixa:hover,.wf-botao--ameixa:focus-visible{background:#841f4d;transform:translateY(-2px)}
.wf-link{font-weight:600;text-decoration:underline;text-decoration-color:rgb(156 42 93/.5);text-underline-offset:.25em;min-height:48px;display:inline-flex;align-items:center}
.wf-noite .wf-link{text-decoration-color:rgb(243 170 197/.6)}

/* ---------- revelação ---------- */
.js [data-rev]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--curva),transform .8s var(--curva);transition-delay:var(--atraso,0s)}
.js [data-rev].wf-visto{opacity:1;transform:none}
.js .wf-chegou-por-baixo [data-rev]{transition-delay:0s}

/* ---------- botão flutuante (celular) ---------- */
.wf-flutua{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ameixa);box-shadow:0 14px 30px -10px rgb(15 6 4/.6);transition:opacity .3s,transform .3s}
.wf-flutua svg{width:28px;height:28px;fill:#fff}
.wf-flutua.wf-esconde{opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}
@media (min-width:981px){.wf-flutua{display:none}}

/* HERO (aprovado: D · Segunda eu começo) */
.hr { position: relative; isolation: isolate; overflow: clip; }
/* Hero D · Segunda eu começo — Laura Ornelas */


/* ---------- malha (gradiente) ---------- */
.malha {
  position: absolute; inset: 0; z-index: -2; overflow: hidden;
  background:
    radial-gradient(120% 90% at 18% 8% in oklab, #4a1a33 0%, var(--cafe-fundo) 70%);
}
.malha i {
  position: absolute; display: block; border-radius: 50%;
  will-change: transform;
}
.m1 { /* ameixa grande atrás do título */
  width: 120vmax; height: 120vmax; left: -48vmax; top: -30vmax;
  background: radial-gradient(closest-side in oklab, rgb(156 42 93 / .78) 0%, rgb(156 42 93 / .32) 48%, rgb(156 42 93 / 0) 100%);
  animation: deriva1 34s ease-in-out infinite alternate;
}
.m2 { /* chocolate embaixo */
  width: 110vmax; height: 90vmax; left: -10vmax; bottom: -62vmax;
  background: radial-gradient(closest-side in oklab, rgb(74 47 39 / .95) 0%, rgb(74 47 39 / 0) 100%);
  animation: deriva2 28s ease-in-out infinite alternate;
}
.m3 { /* luz de pele/caramelo atrás da foto */
  width: 80vmax; height: 80vmax; right: -34vmax; top: -6vmax;
  background: radial-gradient(closest-side in oklab, rgb(201 154 119 / .55) 0%, rgb(125 82 47 / .3) 45%, rgb(125 82 47 / 0) 100%);
  animation: deriva3 38s ease-in-out infinite alternate;
}
.m4 { /* sopro rosa */
  width: 46vmax; height: 46vmax; left: 30vw; top: 46vh;
  background: radial-gradient(closest-side in oklab, rgb(243 170 197 / .16) 0%, rgb(243 170 197 / 0) 100%);
  animation: deriva4 22s ease-in-out infinite alternate;
}
@keyframes deriva1 { to { transform: translate(9vmax, 7vmax) scale(1.08); } }
@keyframes deriva2 { to { transform: translate(-6vmax, -5vmax) scale(1.1); } }
@keyframes deriva3 { to { transform: translate(-8vmax, 9vmax) scale(.92); } }
@keyframes deriva4 { to { transform: translate(-14vw, -12vh) scale(1.25); } }


/* ---------- navegação ---------- */
.nav {
  height: var(--nav-h);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 var(--margem);
  position: relative; z-index: 5;
}
.nav__nome {
  font-family: var(--f-titulo); font-weight: 800; font-style: italic;
  font-size: 1.3rem; text-decoration: none; letter-spacing: .005em;
}
.nav__agendar {
  font-weight: 600; font-size: .95rem; text-decoration: none;
  padding: .5em 1.1em; border-radius: 999px;
  border: 1.5px solid rgb(248 241 231 / .45);
  transition: background .25s, color .25s, border-color .25s;
}
.nav__agendar:hover, .nav__agendar:focus-visible { background: var(--creme); color: var(--cafe); border-color: var(--creme); }

/* ---------- hero ---------- */
.hero {
  display: grid;
  gap: 18px;
  padding: 0 var(--margem) 36px;
  position: relative;
  overflow-x: clip;
}

/* foto */
.foto {
  position: relative; margin: 0;
  height: clamp(280px, 40svh, 420px);
  width: 100%;
  max-width: 600px; justify-self: center;
}
.foto__luz {
  position: absolute; inset: -4% -14% -8% -14%;
  background:
    radial-gradient(closest-side in oklab, rgb(222 170 130 / .62), rgb(201 154 119 / .22) 60%, rgb(201 154 119 / 0));
  z-index: 0;
  animation: respira 22s ease-in-out infinite alternate;
}
@keyframes respira { from { transform: scale(.94) translateY(2%); opacity: .75; } to { transform: scale(1.06) translateY(-2%); opacity: 1; } }
.foto__moldura {
  position: absolute; inset: 0; overflow: hidden;
  border-radius: var(--raio-foto);
  box-shadow: 0 30px 60px -28px rgb(10 4 3 / .75), 0 0 0 1px rgb(248 241 231 / .12);
  z-index: 1;
  background: #8a7258;
}
.foto__moldura img {
  width: 100%; height: 100%; object-fit: cover; object-position: 23% 100%;
}
.foto__sombra {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg in oklab, rgb(43 28 23 / .42) 0%, rgb(43 28 23 / .12) 30%, rgb(43 28 23 / 0) 42%),
    linear-gradient(0deg in oklab, rgb(43 28 23 / .35) 0%, rgb(43 28 23 / 0) 16%),
    linear-gradient(90deg in oklab, rgb(94 26 58 / .34) 0%, rgb(94 26 58 / 0) 38%);
}

/* palco das faixas: só no terço de cima da foto (acima do cabelo) */
.palco {
  position: absolute; z-index: 3;
  left: 50%; top: 2.5%;
  width: min(94%, 470px);
  height: 34%;
  transform: translateX(-50%);
  display: grid; grid-template-rows: minmax(0, 1fr) auto; row-gap: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.palco:focus-visible { outline: 2px dashed var(--manteiga); outline-offset: 6px; border-radius: 12px; }
.palco__conta {
  margin: 0; justify-self: center; align-self: end;
  display: inline-flex; gap: .7em; align-items: center;
  font-size: .74rem; font-weight: 600;
  color: var(--creme);
  background: rgb(31 19 16 / .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  padding: .3em .9em; border-radius: 999px;
}
.palco__dica { color: var(--manteiga); font-weight: 500; letter-spacing: .03em; }
.palco__marcas { display: inline-flex; gap: 4px; align-items: center; }
.palco__marcas i {
  display: block; width: 14px; height: 6px; background: rgb(201 206 214 / .55);
  clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%, 20% 50%);
  transition: background .4s, width .4s;
}
.palco__marcas i.feita { background: var(--creme); }
.palco__marcas i.ativa { background: var(--rosa); width: 22px; }
.d-clique { display: none; }
@media (hover: hover) and (pointer: fine) { .d-clique { display: inline; } .d-toque { display: none; } }
.palco__pilha {
  display: grid; place-items: center;
  perspective: 1100px;
  min-height: 0;
}

.faixa {
  grid-area: 1 / 1;
  width: 100%;
  display: grid; place-items: center;
  transform-style: preserve-3d;
  position: relative;
}
.faixa__frente, .faixa__verso {
  grid-area: 1 / 1;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.faixa__frente {
  display: flex; justify-content: center; position: relative;
  filter: drop-shadow(0 10px 12px rgb(20 8 6 / .38));
  max-width: 100%;
}
.faixa__tarja {
  display: block; position: relative;
  background: linear-gradient(180deg, #d3d8df, var(--tarja) 60%, #bfc5ce);
  color: var(--cafe);
  font-family: var(--f-mao);
  font-size: clamp(1.45rem, 6.4vw, 2.05rem);
  line-height: 1.04;
  padding: .26em 1.15em .32em;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, calc(100% - .5em) 50%, 100% 100%, 0 100%, .5em 50%);
}
.faixa__tarja q { quotes: "“" "”"; }
.faixa__onda { /* sublinhado manteiga como no carrossel (proporção fixa, sem esticar) */
  position: absolute; left: 50%; bottom: -.5em; width: 3.4em; height: .34em;
  margin-left: -1.7em; overflow: visible;
}
.faixa__onda path { fill: none; stroke: var(--manteiga); stroke-width: 2.4; stroke-linecap: round; }
.faixa__risco { /* dois traços de caneta ameixa */
  position: absolute; left: .7em; right: .7em; top: 52%; height: 0;
  pointer-events: none;
}
.faixa__risco i {
  position: absolute; left: 0; right: 0; top: -.07em; height: .13em;
  background: var(--ameixa); border-radius: 99px;
  transform-origin: 0 50%; transform: scaleX(0);
}
.faixa__risco i + i { left: 6%; right: 2%; top: .1em; height: .1em; opacity: .9; }

.faixa__verso {
  transform: rotateX(180deg);
  background: var(--papel);
  color: var(--cafe);
  border-radius: 16px;
  padding: .7em 1em .75em;
  box-shadow: 0 16px 30px -14px rgb(15 6 4 / .6), inset 0 0 0 1px rgb(43 28 23 / .06);
  width: 100%;
  position: relative;
}
.faixa__verso p {
  margin: 0;
  font-weight: 600; font-size: clamp(.88rem, 3.7vw, 1.12rem); line-height: 1.3;
  text-wrap: balance;
}
.faixa__antes {
  display: none;
  font-family: var(--f-mao); font-size: 1.12rem; color: #6f5a52; line-height: 1.1;
  text-decoration: line-through; text-decoration-color: var(--ameixa); text-decoration-thickness: 2px;
  margin-bottom: .1em;
}
.faixa__verso::after { /* risquinhos de ênfase do carrossel */
  content: ""; position: absolute; left: -12px; top: -14px; width: 26px; height: 22px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%23f3dd9a' stroke-width='2.6' stroke-linecap='round'><path d='M4 4l5 6'/><path d='M13 1v8'/><path d='M1 13h7'/></g></svg>") no-repeat;
}
.faixa__verso .assin {
  display: inline-block; margin-left: .25em;
  font-family: var(--f-titulo); font-style: italic; font-weight: 800; color: var(--ameixa);
}
.est-virada { transform: rotateX(180deg); }

.estrela { position: absolute; z-index: 2; fill: var(--tarja); opacity: .9; pointer-events: none; }
.e1 { width: 22px; left: 6%; top: 40%; animation: pisca 4.6s ease-in-out infinite; }
.e2 { width: 15px; right: 7%; top: 36%; animation: pisca 5.8s 1.2s ease-in-out infinite; }
@keyframes pisca { 50% { transform: scale(.7) rotate(18deg); opacity: .45; } }

/* texto */
.texto { position: relative; z-index: 2; }
.selo {
  margin: 0 0 .9rem;
  display: flex; flex-wrap: wrap; gap: .25em .55em; align-items: center;
  font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--rosa);
}
.selo span:first-child { display: none; }
.selo span + span:not(:nth-child(2))::before { content: "·"; margin-right: .55em; color: rgb(248 241 231 / .5); }
.titulo {
  margin: 0;
  font-family: var(--f-titulo); font-weight: 800;
  font-size: var(--t-titulo); line-height: 1.0; letter-spacing: -.005em;
  color: var(--creme);
}
.t-linha { display: block; }
.t-linha > span { display: inline-block; }
.titulo em {
  font-style: italic; font-weight: 900; color: var(--rosa);
  letter-spacing: -.01em;
}
.brilho {
  display: inline-block; font-weight: 400; color: var(--manteiga);
  font-size: .62em; vertical-align: .62em; margin-left: .06em;
  font-family: var(--f-texto);
}
.apoio {
  margin: .8rem 0 0; max-width: 32ch; font-size: 1.04rem; line-height: 1.45;
  color: rgb(248 241 231 / .86);
}
.apoio strong { color: var(--creme); font-weight: 600; }
.acoes {
  margin-top: 1.1rem;
  display: flex; flex-wrap: wrap; gap: .9rem 1.4rem; align-items: center;
}
.botao {
  display: inline-flex; align-items: center; gap: .6em;
  min-height: 56px; padding: 0 1.5em;
  background: var(--creme); color: var(--cafe);
  border-radius: 999px; text-decoration: none;
  font-weight: 700; font-size: 1.05rem;
  box-shadow: 0 14px 30px -14px rgb(243 170 197 / .65);
  transition: transform .25s, background .25s;
}
.botao svg { width: 1.3em; height: 1.3em; fill: var(--ameixa); }
.botao:hover, .botao:focus-visible { background: var(--rosa); transform: translateY(-2px); }
.link2 {
  font-weight: 600; font-size: 1rem;
  text-decoration: underline; text-decoration-color: rgb(243 170 197 / .6); text-underline-offset: .25em;
}
.prova {
  margin: 1.2rem 0 0; font-size: .95rem; line-height: 1.25; color: rgb(248 241 231 / .82);
  display: flex; align-items: center; gap: .7em;
}
.prova__nota {
  font-family: var(--f-titulo); font-weight: 800; font-size: 2.3rem; line-height: 1;
  color: var(--creme); letter-spacing: -.01em;
}
.prova__txt { display: flex; flex-direction: column; gap: .15em; }
.prova__estrelas { color: var(--manteiga); letter-spacing: .12em; font-size: .9rem; }
.prova__onde {
  display: none; padding-left: 1em; margin-left: .3em;
  border-left: 1px solid rgb(248 241 231 / .25); font-size: .88rem; color: rgb(248 241 231 / .7);
}


/* ---------- tablet ---------- */
@media (min-width: 600px) {
  :root { --t-titulo: clamp(2.8rem, 7.2vw, 3.6rem); }
  .foto { height: min(56svh, 560px); }
  .faixa__antes { display: block; }
  .selo span:first-child { display: inline; }
  .selo span + span::before { content: "·"; margin-right: .55em; color: rgb(248 241 231 / .5); }
  .apoio { font-size: 1.125rem; }
  .palco { width: min(90%, 470px); }
  .texto { max-width: 640px; justify-self: center; width: 100%; }
  .prova__onde { display: block; }
}

/* ---------- computador ---------- */
@media (min-width: 981px) {
  :root {
    --nav-h: 76px;
    --t-titulo: min(5.6vw, 10.4vh, 6rem);
  }
  .hero {
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
    align-items: center;
    column-gap: clamp(32px, 4vw, 72px);
    min-height: calc(100svh - var(--nav-h));
    padding-bottom: 32px;
  }
  .texto { order: 1; max-width: none; justify-self: stretch; }
  .foto {
    order: 2;
    height: min(calc(100svh - var(--nav-h) - 48px), 900px);
    width: auto; aspect-ratio: .76; max-width: 100%;
    justify-self: end;
  }
  /* o palco sai da moldura pela esquerda: a faixa cai sobre a tela, não dentro da foto */
  .palco { left: -12%; right: 3%; width: auto; transform: none; top: 3.5%; height: 35%; }
  .palco__pilha { padding: 0 4%; }
  .faixa { max-width: 600px; }
  .faixa__tarja { font-size: clamp(1.9rem, 2.7vw, 2.8rem); }
  .faixa__verso { padding: .95em 1.3em 1em; border-radius: 20px; }
  .faixa__verso p { font-size: clamp(1.05rem, 1.35vw, 1.32rem); }
  .faixa__antes { font-size: 1.15rem; }
  .apoio { font-size: 1.2rem; max-width: 34ch; }
  .selo { font-size: .82rem; margin-bottom: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .malha i, .estrela { animation: none; }
}


@media (min-width: 981px) and (max-width: 1179px) { .prova__onde { display: none; } }
.faixa__frente, .faixa__verso { transition: none; }

@media (max-width: 599px) {
  .d-frase { display: none; }
  .palco__conta { font-size: .7rem; padding: .25em .8em; }
  .faixa__verso { padding: .6em .9em .65em; }
}

/* SO · a história (#historia) */
#historia{--so-pad:clamp(44px,8%,72px)}
.so-grade{display:grid;gap:clamp(40px,6vw,72px) clamp(32px,5vw,80px)}
.so-rotulo{margin-bottom:1.1rem}
#historia .wf-h2{margin:0}

/* foto: recorte saindo de um arco escuro */
.so-col-foto{display:grid}
.so-foto{position:relative;margin:0;align-self:start;max-width:520px;width:100%;justify-self:center}
.so-foto__arco{position:absolute;left:-4%;right:-4%;top:12%;bottom:0;border-radius:999px 999px var(--raio-foto) var(--raio-foto);
  background:radial-gradient(64% 40% at 50% 18% in oklab,rgb(222 170 130/.9),rgb(222 170 130/0)),radial-gradient(110% 80% at 20% 0% in oklab,var(--ameixa),var(--ameixa-funda) 45%,var(--cafe) 90%);
  box-shadow:var(--sombra-dia)}
.so-foto img{position:relative;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgb(20 8 6/.25))}
.so-foto__nota{position:absolute;left:-2%;bottom:7%;max-width:min(78%,330px);margin:0;font-weight:600;font-size:1.06rem;line-height:1.3;transform:rotate(-2deg)}
.so-assin{margin-left:.25em;font-family:var(--f-titulo);font-style:italic;font-weight:800;color:var(--ameixa)}

/* relato */
.so-abre{margin:0 0 clamp(28px,4vw,44px);padding:0}
.so-abre p{margin:0;max-width:40ch;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.5;color:var(--tinta-suave)}
.so-abre .so-abre__grande em{font-style:italic;font-weight:900;color:var(--ameixa)}
.so-abre .so-abre__grande{max-width:22ch;margin-bottom:.6em;font-family:var(--f-titulo);font-weight:800;font-size:var(--t-h3);line-height:1.12;color:var(--tinta)}

/* o anel do ciclo */
.so-anel{position:relative;width:100%;aspect-ratio:1/1;max-width:640px;margin:0 auto}
.so-anel__aro{position:absolute;inset:var(--so-pad);border:3px dashed rgb(125 82 47/.55);border-radius:50%}
.so-anel__meio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:46%;text-align:center;font-family:var(--f-mao);font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.15;color:var(--tinta-suave)}
.so-ciclo{list-style:none;margin:0;padding:0}
.so-ficha{position:absolute;transform:translate(-50%,-50%);z-index:2}
/* pontos a 45° da elipse: 50% ± (50% - pad)·0,7071 */
.so-ficha--1{left:calc(50% - (50% - var(--so-pad))*.7071);top:calc(50% - (50% - var(--so-pad))*.7071)}
.so-ficha--2{left:calc(50% + (50% - var(--so-pad))*.7071);top:calc(50% - (50% - var(--so-pad))*.7071)}
.so-ficha--3{left:calc(50% + (50% - var(--so-pad))*.7071);top:calc(50% + (50% - var(--so-pad))*.7071)}
.so-ficha--4{left:calc(50% - (50% - var(--so-pad))*.7071);top:calc(50% + (50% - var(--so-pad))*.7071);perspective:900px}
.so-ficha .tarja{white-space:nowrap;font-size:clamp(1.25rem,1rem + 1vw,1.9rem)}
.so-ficha__giro{display:grid;transform-style:preserve-3d;transform:rotateX(180deg)}
.so-ficha__frente,.so-ficha__verso{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.so-ficha__frente{justify-self:center;align-self:center}
.so-ficha__verso{transform:rotateX(180deg);white-space:nowrap;font-weight:700;font-size:1.06rem;line-height:1.2;padding:.6em 1em;text-align:center}
.so-ficha__verso s{display:block;font-family:var(--f-mao);font-weight:400;font-size:1rem;color:var(--tinta-suave);text-decoration-color:var(--ameixa);text-decoration-thickness:2px}
.so-ficha__verso b{margin-left:.2em;font-family:var(--f-titulo);font-style:italic;color:var(--ameixa)}
.so-risco{position:absolute;left:.7em;right:.7em;top:52%;height:0;pointer-events:none}
.so-risco i{position:absolute;left:0;right:0;top:-.07em;height:.13em;background:var(--ameixa);border-radius:99px;transform-origin:0 50%;transform:rotate(-2.2deg)}
.so-risco i+i{left:6%;right:2%;top:.1em;height:.1em;transform:rotate(1.6deg)}

/* setas no meio de cada arco (sentido horário) */
.so-seta{position:absolute;width:14px;height:14px;border:solid var(--caramelo);border-width:0 2.5px 2.5px 0;z-index:1}
.so-seta--t{left:50%;top:var(--so-pad);transform:translate(-50%,-50%) rotate(-45deg)}
.so-seta--r{left:calc(100% - var(--so-pad));top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.so-seta--b{left:50%;top:calc(100% - var(--so-pad));transform:translate(-50%,-50%) rotate(135deg)}
.so-seta--l{left:var(--so-pad);top:50%;transform:translate(-50%,-50%) rotate(-135deg)}
/* o corte: a volta para a restrição é riscada */
.so-corte{position:absolute;left:var(--so-pad);top:50%;width:46px;height:0;transform:translate(-50%,0);z-index:3}
.so-corte i{position:absolute;left:0;right:0;top:-5px;height:4px;border-radius:99px;background:var(--ameixa);transform:rotate(-10deg);transform-origin:0 50%}
.so-corte i+i{left:4px;top:3px;height:3px;transform:rotate(7deg)}
/* estado final: o laço apaga, só a saída fica acesa */
.so-anel .so-ficha--1,.so-anel .so-ficha--2,.so-anel .so-ficha--3{opacity:.62;filter:saturate(.6)}
.so-anel__aro{opacity:.6}
.so-ponto{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--ameixa);box-shadow:0 0 0 6px rgb(156 42 93/.18);z-index:1;opacity:0}
.so-vai{position:absolute;width:40px;height:72px;left:calc(50% - (50% - var(--so-pad))*.7071 - 22px);top:calc(50% + (50% - var(--so-pad))*.7071 + 30px);overflow:visible;z-index:1}
.so-vai path{fill:none;stroke:var(--ameixa);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* saída */
.so-saida{margin:clamp(36px,5vw,56px) 0 0;max-width:600px;padding:1.6em 1.7em 1.7em;position:relative;border-radius:22px;
  background:radial-gradient(90% 120% at 0% 0% in oklab,var(--ameixa-funda),var(--cafe) 75%);color:var(--creme);box-shadow:var(--sombra-noite)}
.so-saida p{margin:0 0 .6em;font-size:1.125rem;line-height:1.5;color:var(--claro-suave)}
.so-saida .so-saida__grande{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);line-height:1.2;color:var(--creme)}
.so-saida p.so-saida__rotulo{display:inline-block;margin-bottom:1em;padding:.3em .9em;border-radius:99px;background:var(--rosa);font-size:var(--t-mini);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cafe)}
.so-saida::after{content:"";position:absolute;right:22px;top:-14px;width:26px;height:22px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%23f3dd9a' stroke-width='2.6' stroke-linecap='round'><path d='M4 4l5 6'/><path d='M13 1v8'/><path d='M1 13h7'/></g></svg>") no-repeat}

/* fecho */
.so-fecho{display:grid;gap:24px 56px;align-items:end;padding-top:clamp(32px,4vw,56px);border-top:1px solid rgb(43 28 23/.12)}
.so-fecho__cit{margin:0}
.so-fecho__frase{margin:0}
.so-fecho__frase p{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:clamp(2.1rem,1.2rem + 3.2vw,4rem);line-height:1.04;text-wrap:balance}
.so-fecho__quem{margin-top:.9em;font-family:var(--f-mao);font-size:1.3rem;color:var(--tinta-suave)}
.so-fecho__quem::before{content:"— "}
.so-fecho__frase em{font-style:italic;font-weight:900;color:var(--ameixa)}
.so-fecho__link{font-size:1.125rem}
.so-fecho__lado p{margin:0 0 .4em;max-width:34ch;font-size:clamp(1.125rem,1.05rem + .3vw,1.3rem);line-height:1.5;color:var(--tinta-suave)}

@media (min-width:981px){
  .so-grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"foto cabeca" "foto relato" "fecho fecho";row-gap:0}
  .so-cabeca{grid-area:cabeca;padding-bottom:clamp(28px,4vw,48px)}
  .so-col-foto{grid-area:foto;grid-row:1/3}
  .so-foto{position:sticky;top:96px}
  .so-relato{grid-area:relato}
  .so-fecho{margin-top:clamp(48px,6vw,96px)}
  .so-fecho{grid-area:fecho;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .so-anel{aspect-ratio:16/11}
}
@media (max-width:980px){
  .so-foto{max-width:440px}
  .so-cabeca{order:-1}
}
@media (max-width:599px){
  #historia{--so-pad:38px}
  .so-ficha .tarja{font-size:1.2rem}
  .so-anel__meio{width:52%}
  .so-ficha__verso{white-space:normal;width:8.6em;padding:.55em .7em}
  .so-saida{margin-top:28px}
  .so-foto__nota{font-size:1rem;left:0}
}
@media (min-width:600px) and (max-width:980px){
  .so-anel{aspect-ratio:3/2}
}

/* ===== fa · dieta tem fase (régua do ano do hero B) ===== */
#fases{--ap:0;--fa-k:1;--fa-fig-h:clamp(540px,56vw,840px);padding-bottom:var(--respiro)}
#fases .fa-m-ap{width:80vmax;height:60vmax;right:-20vmax;bottom:-10vmax;background:radial-gradient(closest-side in oklab,rgb(156 42 93/.32),rgb(156 42 93/0));opacity:calc(.15 + var(--ap) * .85);animation-duration:30s}
#fases .fa-m-af{width:80vmax;height:50vmax;left:-14vmax;bottom:0;background:radial-gradient(closest-side in oklab,rgb(196 205 183/.75),rgb(196 205 183/0));opacity:calc(.9 - var(--ap) * .7);animation-duration:26s}
#fases.fa-fora .wf-malha i,#fases.fa-fora .fa-cursor__dica{animation-play-state:paused}

/* palco: texto + figura + régua (a régua vai de ponta a ponta) */
#fases .fa-palco{position:relative;isolation:isolate;margin:0 calc(-1 * var(--margem));container-type:inline-size}
#fases .fa-topo{max-width:calc(var(--largura) + 2 * var(--margem));margin:0 auto;padding:0 var(--margem)}
#fases .fa-texto{position:relative;z-index:4;max-width:600px;pointer-events:none}
#fases .fa-texto > *{pointer-events:auto}
#fases .fa-rotulo{margin-bottom:1.1rem}
#fases .fa-h2{margin-bottom:.3em;line-height:.9}
#fases .fa-h2__a{display:block}
#fases .fa-h2 .fa-h2__b{display:inline-block;font-size:2.15em;line-height:.86;margin:-.02em 0 0 -.03em;letter-spacing:-.02em}
#fases .fa-h2__b .wf-brilho{font-size:.3em;vertical-align:1.9em;margin-left:.04em}
#fases .fa-apoio{margin:0 0 1.6rem;max-width:34ch}
#fases .fa-defs{display:grid;gap:1.25rem 1.75rem}
#fases .fa-def p{margin:0;font-size:1.125rem;line-height:1.5;color:var(--tinta-suave)}
#fases .fa-def{padding-left:1.1rem;border-left:4px solid var(--ameixa)}
#fases .fa-def--af{border-left-color:var(--salvia-clara)}
#fases .fa-def .fa-def__nome{margin-bottom:.35rem;font-family:var(--f-titulo);font-weight:800;font-size:clamp(1.5rem,1.2rem + .8vw,1.9rem);line-height:1;color:var(--ameixa)}
#fases .fa-def--af .fa-def__nome{font-style:italic;font-weight:900;color:var(--salvia)}
#fases .fa-pil{display:inline-block;padding:.22em .85em;border-radius:99px;font-size:var(--t-mini);font-weight:700;letter-spacing:.02em;line-height:1.3;transition:background .5s,color .5s}
#fases .fa-pil--ap{background:var(--ameixa);color:#fff}
#fases .fa-pil--af{background:var(--salvia-clara);color:var(--cafe)}
#fases .fa-pil--ciencia{background:var(--salvia);color:#fff}

#fases .fa-figura{position:absolute;z-index:2;margin:0;pointer-events:none;
  left:max(54%,calc(50% + 40px));bottom:calc(100cqw * 45 / 1200 + 2.2rem);height:var(--fa-fig-h);aspect-ratio:1000/1500}
#fases .fa-figura img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 1.2rem 1.1rem rgb(43 28 23/.16))}
#fases .fa-figura::before{content:"";position:absolute;z-index:-1;left:-20%;right:-16%;top:-4%;height:76%;
  background:radial-gradient(closest-side in oklab,rgb(222 170 130/.42),rgb(222 170 130/0))}
#fases .fa-figura::after{content:"";position:absolute;left:2%;right:8%;bottom:-1.2%;height:3.2%;z-index:-1;
  background:radial-gradient(closest-side,rgb(43 28 23/.28),rgb(43 28 23/0))}

/* régua */
#fases .fa-regua{position:relative;margin-top:calc(-100cqw * 175 / 1200);padding-bottom:2.2rem}
#fases .fa-trilho{position:relative;outline:none;cursor:ew-resize;touch-action:pan-y}
#fases .fa-trilho:focus-visible{box-shadow:inset 0 0 0 2px var(--ameixa);border-radius:8px}
#fases .fa-svg{display:block;width:100%;height:auto;overflow:visible}
#fases .fa-frente{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}
#fases .fa-frente svg{display:block;width:100%;height:100%;overflow:visible}
html:not(.js) #fases .fa-regua{display:none}

#fases .fa-marca{position:absolute;font-size:max(14px,calc(.8rem + .3vw));white-space:nowrap;translate:-50% -50%;rotate:-1.8deg;transform:none;
  transition:opacity .7s var(--curva),transform .9s cubic-bezier(.2,.9,.3,1.3);transition-delay:calc(1.6s + var(--i,0) * .12s)}
#fases .fa-marca:nth-child(even){rotate:1.6deg}
#fases .fa-marca.fa-ini{translate:-14px -50%}
#fases .fa-marca.fa-fim{translate:calc(-100% + 14px) -50%}
.js #fases:not(.fa-entrou) .fa-marca{opacity:0;transform:translateY(-18px) rotate(-6deg)}

/* SVG (classes criadas pelo JS); tamanhos em px de tela divididos pela escala */
#fases .fa-r-mes{font-family:var(--f-texto);font-size:calc(15px / var(--fa-k));font-weight:500;fill:var(--tinta-suave);text-anchor:middle}
#fases .fa-r-mes.is-agora{fill:var(--ameixa);font-weight:700}
#fases .fa-r-tique{stroke:var(--cafe);stroke-width:1;opacity:.35}
#fases .fa-r-chao{stroke:var(--cafe);stroke-width:1.5}
#fases .fa-r-base{stroke:var(--salvia);stroke-width:1.2;stroke-dasharray:2 5;stroke-linecap:round}
#fases .fa-r-base-txt{font-family:var(--f-texto);font-size:calc(14px / var(--fa-k));font-weight:600;fill:#fff;text-anchor:middle}
#fases .fa-r-curva{fill:none;stroke:var(--cafe);stroke-width:2.6;stroke-linecap:round}
#fases .fa-r-curva-halo{fill:none;stroke:var(--creme);stroke-width:8;stroke-linecap:round;opacity:.9}
#fases .fa-r-fase-ap{font-family:var(--f-titulo);font-weight:800;font-size:calc(22px / var(--fa-k));fill:#fff;text-anchor:middle}
#fases .fa-r-fase-af{font-family:var(--f-titulo);font-style:italic;font-weight:900;font-size:calc(24px / var(--fa-k));fill:var(--cafe);text-anchor:middle;paint-order:stroke;stroke:var(--creme);stroke-width:calc(6px / var(--fa-k));stroke-linejoin:round}
#fases .fa-r-haste{stroke:var(--cafe);stroke-width:1;opacity:.45}
#fases .fa-r-ponto{fill:var(--creme);stroke:var(--cafe);stroke-width:1.6}

/* cursor */
#fases .fa-cursor{position:absolute;z-index:4;left:0;top:0;transform:translateX(var(--cx,0px));pointer-events:none;transition:opacity .5s}
.js #fases:not(.fa-entrou) .fa-cursor{opacity:0}
#fases .fa-cursor__linha{position:absolute;left:-1px;width:2px;top:var(--cy,0px);height:calc(var(--cb,0px) - var(--cy,0px));background:linear-gradient(var(--cafe),rgb(43 28 23/.25))}
#fases .fa-cursor__ponto{position:absolute;left:-.65rem;top:calc(var(--cy,0px) - .65rem);width:1.3rem;height:1.3rem;border-radius:50%;background:var(--creme);border:4px solid var(--ameixa);box-shadow:0 0 0 6px rgb(248 241 231/.6)}
#fases .fa-cursor__rotulo{position:absolute;left:0;bottom:calc(100% - var(--cy,0px) + 1.2rem);white-space:nowrap;font-size:clamp(1.1rem,1rem + .3vw,1.3rem);
  background:linear-gradient(180deg,#f6c3d6,var(--rosa) 60%,#e99bb8);rotate:-2deg}
#fases .fa-cursor__dica{position:absolute;left:0;top:calc(var(--cb,0px) + 2.6rem);white-space:nowrap;font-size:var(--t-mini);font-weight:700;color:var(--cafe);
  background:rgb(248 241 231/.9);padding:.2em .75em;border-radius:99px;opacity:0;transition:opacity .6s}
#fases .fa-cursor__dica > span[aria-hidden]{color:var(--ameixa)}
#fases .fa-cursor.tem-dica .fa-cursor__dica{opacity:1;animation:fa-vaivem 2.4s ease-in-out infinite}
@keyframes fa-vaivem{0%,100%{translate:-4px 0}50%{translate:4px 0}}

/* leitura: o trecho (tarja) e a resposta dela (papel) */
#fases .fa-baixo{max-width:var(--largura);margin:0 auto;position:relative;z-index:1}
#fases .fa-baixo{display:grid;gap:2.5rem clamp(32px,5vw,80px);padding-top:clamp(1.5rem,3vw,2.5rem)}
#fases .fa-leitura{margin:0}
#fases .fa-pratica__rot{margin:0 0 .5rem;font-size:var(--t-mini);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa)}
#fases .fa-pratica h3 em{font-style:italic;font-weight:900;color:var(--ameixa)}
#fases .fa-pratica__txt{margin:.7rem 0 1rem;color:var(--tinta-suave)}
#fases .fa-lista{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
#fases .fa-lista li{position:relative;padding:.55rem 0 .55rem 2.3rem;font-weight:600;color:var(--cafe);border-bottom:1px dashed rgb(43 28 23/.18)}
#fases .fa-lista li::before{content:"";position:absolute;left:0;top:.62rem;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--ameixa) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/70% no-repeat}
#fases .fa-quando{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin:0 0 1.1rem;font-size:var(--t-mini);font-weight:700;color:var(--ameixa)}
#fases .fa-pil.is-ap{background:var(--ameixa);color:#fff}
#fases .fa-respostas{display:grid;padding:1.7rem 1.8rem 1.6rem;position:relative;border-radius:20px;box-shadow:var(--sombra-dia),inset 0 0 0 1px rgb(43 28 23/.06)}
#fases .fa-item{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;opacity:0;transition:opacity .35s,visibility 0s .35s}
#fases .fa-item.is-ativo{visibility:visible;opacity:1;transition:opacity .35s}
html:not(.js) #fases .fa-item.is-ativo{visibility:visible;opacity:1}
#fases .fa-ctx{font-size:1.15rem;margin:-2.6rem 0 .7rem -.4rem}
#fases .fa-item p{margin:0;font-family:var(--f-texto);font-weight:600;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.38;color:var(--cafe);text-wrap:pretty}
#fases .fa-assin{font-family:var(--f-texto);font-weight:400;color:var(--ameixa);margin-left:.25em;font-size:1.15em}
#fases .fa-respostas::after{content:"";position:absolute;right:-12px;top:-14px;width:26px;height:22px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%239c2a5d' stroke-width='2.6' stroke-linecap='round'><path d='M22 4l-5 6'/><path d='M13 1v8'/><path d='M25 13h-7'/></g></svg>") no-repeat}
#fases .fa-leitura__pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;margin-top:.9rem}
#fases .fa-nota{max-width:var(--largura);margin:-1.4rem auto 0;font-size:var(--t-mini);color:var(--tinta-suave);position:relative;z-index:1}
#fases .fa-nota::before{content:"*";color:var(--ameixa);font-weight:700;margin-right:.3em}
#fases .fa-hoje{font:inherit;font-size:var(--t-mini);font-weight:700;color:var(--ameixa);background:none;border:0;padding:.6em 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}

/* o que a ciência diz */
#fases .fa-ciencia{grid-column:1 / -1;margin-top:clamp(24px,4vw,64px);display:grid;gap:1.6rem 3rem;padding:clamp(1.6rem,3.5vw,3rem);border-radius:26px;
  background:radial-gradient(circle,rgb(108 122 95/.16) 1.2px,transparent 1.6px) 0 0/12px 12px,color-mix(in oklab,var(--salvia-clara) 48%,var(--papel));box-shadow:var(--sombra-dia)}
#fases .fa-ciencia h3{margin:.8rem 0 .7rem}
#fases .fa-ciencia h3 em{font-style:italic;font-weight:900;color:var(--ameixa)}
#fases .fa-ciencia__txt{margin:0;color:var(--tinta-suave);max-width:40ch}
#fases .fa-semanas__rot{margin:0 0 .4rem;font-size:var(--t-mini);font-weight:700;color:var(--cafe)}
#fases .fa-semanas{display:flex;align-items:center;gap:6px;margin-bottom:1.1rem}
#fases .fa-semanas i{flex:1 1 0;height:28px;border-radius:7px;background:var(--ameixa)}
#fases .fa-semanas i.af{background:var(--salvia-clara) radial-gradient(circle,rgb(248 241 231/.95) 1.1px,transparent 1.4px) 0 0/8px 8px;box-shadow:inset 0 0 0 1px rgb(108 122 95/.35)}
#fases .fa-semanas span{color:var(--tinta-suave);font-weight:700;padding-left:.2em}
#fases .fa-semanas__leg{margin:0;font-size:var(--t-mini);color:var(--tinta-suave)}
#fases .fa-semanas__leg span{display:inline-block;width:.9em;height:.9em;border-radius:3px;vertical-align:-.1em;margin-right:.35em;background:var(--ameixa)}
#fases .fa-semanas__leg .fa-sem-af{margin-left:.8em;background:var(--salvia-clara);box-shadow:inset 0 0 0 1px rgb(108 122 95/.5)}
#fases .fa-ciencia__fim{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem 2rem}
#fases .fa-ciencia__fim li{display:grid;gap:.15rem;padding-top:1rem;border-top:1.5px solid rgb(108 122 95/.35)}
#fases .fa-ciencia__fim strong{font-family:var(--f-titulo);font-weight:800;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.7rem);line-height:1;color:var(--cafe)}
#fases .fa-ciencia__fim li:last-child strong{color:var(--ameixa);font-size:clamp(2.6rem,1.6rem + 3.4vw,5rem);font-style:italic;font-weight:900}
#fases .fa-ciencia h3{font-size:clamp(1.7rem,1.2rem + 1.7vw,2.7rem)}
#fases .fa-semanas i{height:36px;border-radius:9px}
#fases .fa-ciencia__fim span{color:var(--tinta-suave)}

#fases .fa-fecho{grid-column:1 / -1;margin:clamp(16px,3vw,40px) 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem;
  font-family:var(--f-mao);font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);color:var(--cafe);text-align:center}
#fases .fa-fecho .wf-botao{font-family:var(--f-texto)}

/* computador */
@media (min-width:900px){
  #fases .fa-topo{min-height:calc(var(--fa-fig-h) - 100cqw * 175 / 1200 + 2rem)}
  #fases .fa-texto{padding-bottom:calc(100cqw * 175 / 1200 + 1.5rem)}
  #fases .fa-ciencia{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  #fases .fa-ciencia__fim{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);align-items:end}
  #fases .fa-baixo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
}
@media (min-width:1200px){
  #fases .fa-defs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (min-width:900px) and (max-width:1199px){
  #fases .fa-texto{max-width:min(520px,50vw)}
  #fases .fa-figura{left:auto;right:var(--margem);height:max(540px,62vw)}
}

/* celular e tablet em pé: régua rola, cursor fixo no meio */
@media (max-width:899px){
  #fases{--fa-svg-w:1320px}
  #fases .fa-palco{display:flex;flex-direction:column}
  #fases .fa-figura{position:relative;left:auto;bottom:auto;width:100%;height:min(140vw,600px);aspect-ratio:auto;margin-top:1rem}
  #fases .fa-figura img{object-position:72% 100%}
  #fases .fa-figura::after{left:30%;right:6%}
  #fases .fa-regua{margin-top:calc(-1 * var(--fa-svg-w) * 175 / 1200)}
  #fases .fa-trilho{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}
  #fases .fa-trilho::-webkit-scrollbar{display:none}
  #fases .fa-trilho::before,#fases .fa-trilho::after{content:"";flex:0 0 50%}
  #fases .fa-svg{flex:0 0 var(--fa-svg-w);width:var(--fa-svg-w)}
  #fases .fa-frente{width:var(--fa-svg-w)}
  #fases .fa-leitura{order:-1;margin-top:.4rem}
  #fases .fa-marca{font-size:1rem}
  #fases .fa-nota{margin-top:-1rem}
}

@media (prefers-reduced-motion:reduce){
  #fases .fa-cursor.tem-dica .fa-cursor__dica{animation:none}
}

/* ===== of · "o que eu faria" (#faria) ===== */
#faria { padding-bottom: clamp(72px, 9vw, 132px); }
#faria .of-grade {
  display: grid; grid-template-columns: minmax(0, 1fr);
  row-gap: 28px;
}
#faria .of-cabeca { position: relative; z-index: 2; }
#faria .of-rotulo { margin-bottom: 1.1rem; }
#faria .of-h2 { max-width: 12ch; }
#faria .of-apoio { margin: 1.1rem 0 0; }

/* ---------- foto ---------- */
#faria .of-foto { position: relative; margin: 0; z-index: 0; justify-self: center; width: min(100%, 440px); }
#faria .of-foto__luz {
  position: absolute; inset: 2% -22% 6% -22%; z-index: 0;
  background: radial-gradient(closest-side in oklab, rgb(222 170 130 / .62), rgb(201 154 119 / .24) 58%, rgb(201 154 119 / 0));
  animation: of-respira 22s ease-in-out infinite alternate;
}
@keyframes of-respira { from { transform: scale(.94) translateY(2%); opacity: .8; } to { transform: scale(1.06) translateY(-2%); opacity: 1; } }
#faria .of-foto img {
  position: relative; z-index: 1; width: 100%; height: auto;
  -webkit-mask-image: linear-gradient(180deg, #000 74%, transparent 98%); mask-image: linear-gradient(180deg, #000 74%, transparent 98%);
  filter: drop-shadow(0 24px 40px rgb(15 6 4 / .45));
}
#faria .of-estrela { position: absolute; z-index: 2; }
#faria .of-estrela--1 { width: 20px; left: 4%; top: 22%; }
#faria .of-estrela--2 { width: 14px; right: 8%; top: 12%; animation-delay: 1.4s; animation-duration: 6s; }
#faria .of-assina {
  position: absolute; z-index: 2; left: 0; bottom: 9%;
  font-size: var(--t-mini); font-weight: 600; letter-spacing: .02em; color: var(--claro-suave);
  display: none;
}
#faria .of-assina span { display: block; font-family: var(--f-titulo); font-style: italic; font-weight: 800; font-size: 1.25rem; color: var(--creme); letter-spacing: 0; }

/* ---------- abas (as situações) ---------- */
#faria .of-abas { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
#faria .of-dica { margin: 0 0 4px; font-size: var(--t-mini); font-weight: 600; letter-spacing: .04em; color: var(--manteiga); }
#faria .of-dica__clique { display: none; }
@media (hover: hover) and (pointer: fine) { #faria .of-dica__clique { display: inline; } #faria .of-dica__toque { display: none; } }
#faria .of-aba {
  appearance: none; border: 0; background: none; padding: 4px 0; margin: 0; cursor: pointer; color: inherit; font: inherit;
  display: inline-flex; align-items: center; gap: 12px; text-align: left; max-width: 100%;
  -webkit-tap-highlight-color: transparent; border-radius: 10px;
  transition: transform .45s var(--curva);
}
#faria .of-aba__n {
  flex: none; font-family: var(--f-titulo); font-weight: 800; font-size: 1rem; line-height: 1;
  color: rgb(248 241 231 / .55); width: 1.6em; transition: color .3s;
}
#faria .of-aba__tarja { font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); transition: filter .3s, background .3s, transform .45s var(--curva); }
#faria .of-aba[aria-selected="false"] .of-aba__tarja { filter: drop-shadow(0 4px 6px rgb(20 8 6 / .2)); }
#faria .of-aba[aria-selected="false"]:hover .of-aba__tarja { background: linear-gradient(180deg, #e3e7ec, #d6dbe2 60%, #cbd0d8); }
#faria .of-aba[aria-selected="true"] { transform: translateX(10px); }
#faria .of-aba[aria-selected="true"] .of-aba__tarja { transform: rotate(-.6deg) scale(1.04); }
#faria .of-aba[aria-selected="true"] .of-aba__n { color: var(--rosa); }
#faria .of-aba[aria-selected="true"] .of-aba__tarja {
  opacity: 1; background: linear-gradient(180deg, #fbf6ee, #efe6d9 70%, #e6dccd);
  filter: drop-shadow(0 10px 14px rgb(15 6 4 / .4));
}
#faria .of-aba::after {
  content: ""; flex: none; width: 24px; height: 15px; margin-left: 2px; opacity: 0; transform: translateX(-8px);
  transition: opacity .3s, transform .45s var(--curva);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'><path d='M1 7.5c5-1.6 10-1.4 18-.4M14 2l5.5 5L14 12' fill='none' stroke='%23f3dd9a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
}
#faria .of-aba[aria-selected="true"]::after { opacity: 1; transform: none; }

/* ---------- papéis (as respostas) ---------- */
#faria .of-papeis { position: relative; z-index: 2; perspective: 1400px; }
#faria .of-painel { position: relative; outline: none; }
#faria .of-painel:focus-visible .of-folha { outline: 2px dashed var(--manteiga); outline-offset: 6px; }
#faria.of-pronto .of-painel + .of-painel { margin-top: 0; }
#faria .of-painel + .of-painel { margin-top: 48px; }
#faria .of-situ {
  position: relative; z-index: 2; margin: 0 0 -24px 16px; max-width: calc(100% - 40px);
  font-size: clamp(1.3rem, 1.1rem + .8vw, 1.75rem);
}
#faria .of-folha {
  position: relative; border-radius: 20px;
  padding: 46px clamp(20px, 3.4vw, 40px) clamp(24px, 3vw, 34px);
  box-shadow: 0 34px 60px -30px rgb(10 4 3 / .85), inset 0 0 0 1px rgb(43 28 23 / .06);
  transform-origin: 50% 0;
}
#faria .of-folha::after { /* risquinhos de ênfase do carrossel */
  content: ""; position: absolute; right: -10px; top: -16px; width: 30px; height: 26px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%23f3dd9a' stroke-width='2.6' stroke-linecap='round'><path d='M22 4l-5 6'/><path d='M13 1v8'/><path d='M25 13h-7'/></g></svg>") no-repeat;
}
#faria .of-folha__tit { color: var(--cafe); font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); }
#faria .of-folha__tit em { font-style: italic; font-weight: 900; color: var(--ameixa); }
#faria .of-folha__brilho { display: inline-block; font-family: var(--f-texto); font-weight: 400; font-size: .55em; vertical-align: .7em; margin-left: .06em; color: var(--ameixa); }
#faria .of-lead { margin: .7rem 0 0; font-size: 1.125rem; line-height: 1.5; color: var(--tinta-suave); max-width: 46ch; }

#faria .of-lista { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: .55rem; counter-reset: of-n; }
#faria .of-lista li {
  position: relative; padding-left: 2.2em; font-size: 1.125rem; line-height: 1.4; font-weight: 600; color: var(--cafe);
}
#faria .of-lista li::before { /* visto sem JS */
  content: ""; position: absolute; left: 0; top: .1em; width: 1.45em; height: 1.45em; border-radius: 50%;
  background: rgb(156 42 93 / .12) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5.5 12.6l4.2 4.1 8.8-9.4' fill='none' stroke='%239c2a5d' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / 78%;
}
#faria .of-lista .of-visto { position: absolute; left: 0; top: .1em; width: 1.45em; height: 1.45em; }
#faria .of-lista .of-visto circle { fill: rgb(156 42 93 / .12); }
#faria .of-lista .of-visto path { fill: none; stroke: var(--ameixa); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
#faria .of-lista li:has(.of-visto)::before { content: none; }
#faria .of-lista--num li { counter-increment: of-n; }
#faria .of-lista--num li::before {
  content: counter(of-n); background: var(--ameixa); color: #fff;
  font-family: var(--f-titulo); font-weight: 800; font-size: .82em; display: grid; place-items: center; line-height: 1;
}
#faria .of-lista--num li:has(.of-visto)::before { content: counter(of-n); }

#faria .of-frase { margin: 1.5rem 0 0; padding: 1.1rem 0 0; border-top: 1.5px dashed rgb(43 28 23 / .18); }
#faria .of-frase p {
  margin: 0; font-family: var(--f-titulo); font-weight: 800; font-size: clamp(1.3rem, 1.12rem + .7vw, 1.65rem);
  line-height: 1.18; color: var(--ameixa); text-wrap: balance;
}
#faria .of-frase--longa p { font-family: var(--f-texto); font-weight: 600; font-size: 1.15rem; line-height: 1.45; color: var(--cafe); text-wrap: pretty; }
#faria .of-frase__brilho { display: inline-block; margin-left: .2em; font-family: var(--f-texto); font-weight: 400; color: var(--ameixa); }
#faria .of-fonte {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: .6rem;
  font-size: var(--t-mini); font-weight: 700; color: var(--ameixa); text-underline-offset: .25em;
  text-decoration: underline; text-decoration-color: rgb(156 42 93 / .4);
}
#faria .of-fonte span { margin-left: .3em; }

#faria .of-pe { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: .6rem; }
#faria .of-pe .of-fonte { margin-top: 0; white-space: nowrap; }
#faria .of-laura { font-family: var(--f-titulo); font-style: italic; font-weight: 800; font-size: 1.35rem; color: var(--ameixa); transform: rotate(-4deg); line-height: 1; padding-bottom: .3em; }
#faria .of-laura { white-space: nowrap; }
#faria .of-laura::before { content: "— "; font-weight: 400; }

/* pão comum × pão proteico */
#faria .of-pao { margin: 1.3rem 0 0; padding: 1rem 1.1rem 1.05rem; border-radius: 14px; background: var(--creme-2); }
#faria .of-pao__tit { margin: 0 0 .5rem; font-size: var(--t-mini); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-suave); }
#faria .of-pao__linha { display: grid; grid-template-columns: minmax(0, 8.5em) minmax(0, 1fr) 3em; align-items: center; gap: .7em; margin-top: .45rem; }
#faria .of-pao__nome { font-size: .95rem; font-weight: 600; color: var(--cafe); line-height: 1.2; }
#faria .of-pao__linha b { font-family: var(--f-titulo); font-weight: 800; font-size: 1.15rem; color: var(--cafe); text-align: right; }
#faria .of-pao__barra { display: flex; height: 22px; border-radius: 99px; background: rgb(43 28 23 / .07); overflow: visible; }
#faria .of-pao__barra i { display: block; width: var(--w); height: 100%; background: var(--caramelo); border-radius: 99px 0 0 99px; transform-origin: 0 50%; }
#faria .of-pao__barra i:only-child { border-radius: 99px; }
#faria .of-pao__barra .of-pao__mais { position: relative; background: repeating-linear-gradient(-45deg, var(--ameixa) 0 6px, #b13a70 6px 12px); border-radius: 0 99px 99px 0; }
#faria .of-pao__mais span {
  position: absolute; left: 50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(-3deg); white-space: nowrap;
  font-family: var(--f-mao); font-size: 1.1rem; color: var(--ameixa); line-height: 1;
}
#faria .of-pao__linha:last-of-type { margin-top: 1.3rem; }
#faria .of-pao__nota { margin: .7rem 0 0; font-size: 1rem; font-weight: 600; color: var(--tinta-suave); }
#faria .of-mao {
  margin: 1.1rem 0 0; font-family: var(--f-mao); font-size: 1.45rem; line-height: 1.1; color: var(--ameixa);
  display: inline-block; transform: rotate(-1.5deg);
  background: linear-gradient(transparent 62%, rgb(243 221 154 / .7) 62%, rgb(243 221 154 / .7) 92%, transparent 92%);
  padding: 0 .2em;
}

/* ---------- fecho ---------- */
#faria .of-fecho { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
#faria .of-fecho__txt { margin: 0; max-width: 30ch; font-size: clamp(1.125rem, 1.05rem + .3vw, 1.25rem); color: var(--claro-suave); }
#faria .of-fecho__txt strong { color: var(--creme); font-weight: 600; }

/* ---------- celular e tablet em pé ---------- */
@media (max-width: 980px) {
  #faria .of-lado { display: contents; }
  #faria .of-cabeca { order: 0; }
  #faria .of-foto { order: 1; margin-top: -6px; }
  #faria .of-abas { order: 2; margin-top: -92px; padding: 0 4px; }
  #faria .of-papeis { order: 3; margin-top: 8px; }
  #faria .of-fecho { order: 4; margin-top: 8px; }
  #faria .of-aba__tarja { max-width: calc(100vw - 2 * var(--margem) - 76px); }
}
@media (max-width: 599px) {
  #faria .of-foto { width: min(100%, 360px); }
  #faria .of-pao__linha { grid-template-columns: minmax(0, 6.2em) minmax(0, 1fr) 2.6em; gap: .5em; }
  #faria .of-pao__nome { font-size: .875rem; }
}

/* ---------- tablet deitado ---------- */
@media (min-width: 981px) {
  #faria .of-grade {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(32px, 4vw, 64px); row-gap: 40px;
    align-items: start;
  }
  #faria .of-cabeca { grid-column: 1; grid-row: 1; align-self: center; }
  #faria .of-foto { grid-column: 2; grid-row: 1; width: min(100%, 400px); }
  #faria .of-lado { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; gap: 56px; height: 100%; }
  #faria .of-papeis { grid-column: 2; grid-row: 2; }
  #faria .of-assina { display: block; }
}

/* ---------- computador ---------- */
@media (min-width: 1180px) {
  #faria .of-grade {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.04fr) minmax(0, .96fr);
    column-gap: clamp(32px, 3.4vw, 56px); row-gap: 48px;
  }
  #faria .of-cabeca { grid-column: 1 / 3; grid-row: 1; align-self: end; }
  #faria .of-h2 { max-width: none; }
  #faria .of-lado { grid-column: 1; grid-row: 2; padding-top: 30px; justify-content: space-between; }
  #faria .of-papeis { grid-column: 2; grid-row: 2; }
  #faria .of-foto { grid-column: 3; grid-row: 1 / 3; align-self: start; width: 150%; max-width: none; margin: 0 -32% 0 -18%; z-index: 0; align-self: center; }
  #faria .of-foto__luz { inset: 0 -6% 18% -6%; }
  #faria .of-assina { left: auto; right: 24%; bottom: 7%; text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
  #faria .of-foto__luz { animation: none; }
}

/* CO · a consulta (#consulta) */
.co-grade{display:grid;gap:clamp(40px,6vw,72px) clamp(32px,5vw,88px)}
.co-rotulo{margin-bottom:1.1rem}
#consulta .wf-h2{margin:0}
.co-apoio{margin:1.2rem 0 0;max-width:34ch}

/* foto da mesa com a fala na parede */
.co-col-foto{display:grid}
.co-foto{position:relative;margin:0;border-radius:var(--raio-foto);overflow:hidden;box-shadow:var(--sombra-dia);background:#8d8a80;aspect-ratio:1000/1500}
.co-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.co-foto__fala{position:absolute;left:8%;right:14%;top:31%;margin:0;padding:1em 1.2em;transform:rotate(-1.5deg)}
.co-foto__fala p{margin:0;font-weight:500;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);line-height:1.3}
.co-foto__fala strong{font-family:var(--f-titulo);font-weight:800;font-size:1.25em;color:var(--ameixa)}
.co-assin{margin-left:.2em;font-family:var(--f-titulo);font-style:italic;font-weight:800;color:var(--ameixa)}
.co-foto__leg{position:absolute;left:16px;bottom:14px;padding:.3em .8em;border-radius:99px;background:rgb(31 19 16/.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--creme);font-size:var(--t-mini);font-weight:600}

/* passos com a linha da luminária */
.co-passos{list-style:none;margin:0;padding:0 0 0 76px;position:relative;display:grid;gap:clamp(40px,5vw,64px)}
.co-passos::before{content:"";position:absolute;left:27px;top:12px;bottom:12px;border-left:2px dashed rgb(125 82 47/.4)}
.co-passos.co-pronto::before{display:none}
.co-linha{position:absolute;left:0;top:0;width:52px;height:100%;overflow:visible;pointer-events:none}
.co-linha path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.co-linha .co-linha__trilho{stroke:rgb(125 82 47/.18);stroke-width:2}
.co-linha .co-linha__luz{stroke:var(--manteiga);stroke-width:12;opacity:.9;filter:blur(3px)}
.co-linha .co-linha__fio{stroke:var(--caramelo);stroke-width:3}
.co-linha .co-linha__ponta{fill:#fff8e0;filter:drop-shadow(0 0 6px var(--manteiga)) drop-shadow(0 0 12px rgb(243 221 154/.9))}
.co-passo{position:relative}
.co-passo__ponto{position:absolute;left:-56px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--papel);border:3px solid var(--caramelo);transition:background .4s,box-shadow .4s,border-color .4s}
.co-passo.co-aceso .co-passo__ponto{background:var(--ameixa);border-color:var(--ameixa);box-shadow:0 0 0 6px rgb(243 221 154/.7)}
.co-passo__num{margin:0 0 .35em;font-size:var(--t-mini);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa)}
.co-passo .wf-h3{margin-bottom:.45em;color:var(--tinta);font-size:clamp(1.55rem,1.2rem + 1.3vw,2.25rem)}
.co-passo > p{margin:0;max-width:42ch;font-size:clamp(1.125rem,1.05rem + .25vw,1.22rem);line-height:1.5;color:var(--tinta-suave)}
.co-fala{margin:1.1em 0 0;max-width:46ch;position:relative;transform:rotate(-.8deg);padding:.9em 1.15em}
.co-passo:nth-child(even) .co-fala{transform:rotate(.9deg)}
.co-fala::before{content:"";position:absolute;left:-10px;top:-12px;width:22px;height:19px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%239c2a5d' stroke-width='2.6' stroke-linecap='round'><path d='M4 4l5 6'/><path d='M13 1v8'/><path d='M1 13h7'/></g></svg>") no-repeat}
.co-fala p{margin:0;font-weight:600;font-size:1.125rem;line-height:1.45;color:var(--tinta)}

/* onde */
.co-onde{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-radius:28px;overflow:hidden;background:var(--creme-2);box-shadow:var(--sombra-dia)}
.co-onde__foto{margin:0;position:relative;min-height:300px;aspect-ratio:4/3}
.co-onde__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.co-onde__texto{padding:clamp(28px,4vw,56px)}
.co-onde__texto .wf-h3{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem)}
.co-onde__texto .wf-h3 em{font-style:italic;font-weight:900;color:var(--ameixa)}
.co-modos{list-style:none;margin:1.4rem 0 1.8rem;padding:0;display:grid;gap:14px}
.co-modos li{font-size:1.125rem;line-height:1.45;color:var(--tinta-suave);background:var(--papel);border-radius:16px;padding:.9em 1.1em;box-shadow:inset 0 0 0 1px rgb(43 28 23/.07)}
.co-modos__tit{display:block;margin-bottom:.15em;font-family:var(--f-titulo);font-weight:800;font-size:1.35rem;color:var(--ameixa)}
.co-acao .wf-botao{white-space:nowrap}
.co-acao{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.co-prova{margin:0}
.co-prova a{display:inline-flex;align-items:center;gap:.7em;text-decoration:none;color:var(--tinta);min-height:48px}
.co-prova__nota{font-family:var(--f-titulo);font-weight:800;font-size:3.2rem;line-height:1}
.co-prova__txt{display:flex;flex-direction:column;gap:.1em;font-size:1rem;color:var(--tinta-suave)}
.co-prova__txt span:last-child{text-decoration:underline;text-decoration-color:rgb(156 42 93/.5);text-underline-offset:.2em}
.co-prova__estrelas{color:var(--ameixa);letter-spacing:.12em;font-size:1.1rem}

@media (min-width:981px){
  .co-grade{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"cabeca cabeca" "passos foto" "onde onde"}
  .co-cabeca{grid-area:cabeca;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:56px;align-items:end}
  .co-cabeca .co-rotulo{grid-column:1/-1;justify-self:start}
  .co-apoio{margin:0}
  .co-passos{grid-area:passos;align-self:start}
  .co-col-foto{grid-area:foto}
  .co-foto{position:sticky;top:96px}
  .co-onde{grid-area:onde;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
  .co-onde__foto{aspect-ratio:auto;align-self:stretch;min-height:420px}
}
@media (max-width:980px){
  .co-foto{max-width:520px;width:100%;justify-self:center;aspect-ratio:1000/1200}
}
@media (max-width:599px){
  .co-passos{padding-left:56px}
  .co-passos::before{left:19px}
  .co-passo__ponto{left:-46px}
  .co-foto__fala{left:6%;right:8%}
  .co-onde__foto{min-height:0}
  .co-onde__texto{padding:26px 20px 28px}
  .co-acao .wf-botao{padding:0 1.15em}
  .co-fala{margin-right:6px}
}

/* ===== du · "dúvidas" (#duvidas) ===== */
#duvidas .du-grade { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 44px; }
#duvidas .du-rotulo { margin-bottom: 1.1rem; }
#duvidas .du-h2 { max-width: 11ch; }
#duvidas .du-apoio { margin: 1.1rem 0 0; }
#duvidas .du-d-clique { display: none; }
@media (hover: hover) and (pointer: fine) { #duvidas .du-d-clique { display: inline; } #duvidas .du-d-toque { display: none; } }

/* placar: as mini-tarjas do hero viram progresso */
#duvidas .du-placar { margin-top: 1.6rem; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
#duvidas .du-conta { margin: 0; display: inline-flex; align-items: center; gap: .8em; font-size: var(--t-mini); font-weight: 600; color: var(--claro-suave); }
#duvidas .du-conta b { color: var(--creme); font-family: var(--f-titulo); font-weight: 800; font-size: 1.1em; }
#duvidas .du-marcas { display: inline-flex; gap: 4px; }
#duvidas .du-marcas i {
  display: block; width: 16px; height: 7px; background: rgb(201 206 214 / .35);
  clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%, 20% 50%);
  transition: background .4s, width .4s var(--curva);
}
#duvidas .du-marcas i.du-feita { background: var(--rosa); width: 22px; }
#duvidas .du-todas {
  appearance: none; background: none; cursor: pointer; font: inherit; font-size: .95rem; font-weight: 600; color: var(--creme);
  min-height: 44px; padding: 0 1.1em; border-radius: 999px; border: 1.5px solid rgb(248 241 231 / .4);
  transition: background .25s, color .25s, border-color .25s;
}
#duvidas .du-mais { margin: 1.2rem 0 0; font-size: 1rem; color: var(--claro-suave); }
#duvidas .du-mais a { color: var(--creme); }
#duvidas .du-todas:hover, #duvidas .du-todas:focus-visible { background: var(--creme); color: var(--cafe); border-color: var(--creme); }

/* ---------- a lista de tarjas ---------- */
#duvidas .du-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
#duvidas .du-item { perspective: 1300px; }
#duvidas .du-q { margin: 0; font: inherit; }
#duvidas .du-vira {
  appearance: none; border: 0; background: none; padding: 10px 0; margin: 0; width: 100%; cursor: pointer; color: inherit; font: inherit;
  display: flex; justify-content: flex-start; -webkit-tap-highlight-color: transparent; border-radius: 12px;
}
#duvidas .du-tarja {
  font-size: clamp(1.25rem, 1.1rem + .7vw, 1.6rem); text-align: left; max-width: 94%;
  transition: transform .4s var(--curva), filter .3s;
}
#duvidas .du-item:nth-child(even) .du-vira { justify-content: flex-end; }
#duvidas.du-pronto .du-item:nth-child(even) .du-q { justify-items: end; }
#duvidas.du-pronto .du-q { justify-items: start; }
#duvidas .du-item:nth-child(3n+2) .du-tarja { transform: rotate(2deg); }
#duvidas .du-item:nth-child(3n) .du-tarja { transform: rotate(-.6deg); }
#duvidas .du-vira:hover .du-tarja { transform: rotate(0) scale(1.03); }
#duvidas .du-risco { position: absolute; left: .7em; right: .7em; top: 52%; height: 0; pointer-events: none; }
#duvidas .du-risco i {
  position: absolute; left: 0; right: 0; top: -.07em; height: .13em; background: var(--ameixa); border-radius: 99px;
  transform-origin: 0 50%; transform: rotate(-2.2deg) scaleX(0); transition: transform .34s cubic-bezier(.5, 0, .9, .4);
}
#duvidas .du-risco i + i { left: 6%; right: 2%; top: .1em; height: .1em; transform: rotate(1.6deg) scaleX(0); transition-delay: .3s; }
#duvidas .du-riscando .du-risco i { transform: rotate(-2.2deg) scaleX(1); }
#duvidas .du-riscando .du-risco i + i { transform: rotate(1.6deg) scaleX(1); }

/* verso: o papel com a resposta dela */
#duvidas .du-verso { position: relative; margin-top: 10px; padding: 1.05em 1.25em 1.15em; border-radius: 18px; }
#duvidas .du-verso::after {
  content: ""; position: absolute; left: -10px; top: -14px; width: 26px; height: 22px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%23f3dd9a' stroke-width='2.6' stroke-linecap='round'><path d='M4 4l5 6'/><path d='M13 1v8'/><path d='M1 13h7'/></g></svg>") no-repeat;
}
#duvidas .du-antes {
  display: block; font-family: var(--f-mao); font-size: 1.25rem; line-height: 1.15; color: #6f5a52;
  text-decoration: line-through; text-decoration-color: var(--ameixa); text-decoration-thickness: 2px; margin-bottom: .45em;
}
#duvidas .du-verso p { margin: 0; font-size: 1.125rem; line-height: 1.45; color: var(--tinta-suave); }
#duvidas .du-verso .du-chave {
  margin-top: .6em; font-family: var(--f-titulo); font-weight: 800; font-size: clamp(1.25rem, 1.12rem + .5vw, 1.5rem);
  line-height: 1.15; color: var(--ameixa); text-wrap: balance;
}
#duvidas .du-verso .du-chave--antes { margin-top: 0; }
#duvidas .du-verso .du-depois { margin-top: .6em; }
#duvidas .du-brilho { display: inline-block; margin-left: .2em; font-family: var(--f-texto); font-weight: 400; }
#duvidas .du-chave--link a { color: var(--ameixa); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .2em; display: inline-flex; min-height: 44px; align-items: center; }

/* ---------- com JS: a tarja vira (o gesto do hero sob comando) ---------- */
#duvidas.du-pronto .du-carta {
  position: relative; height: var(--hf, auto);
  transition: height .8s var(--curva) .45s;
}
#duvidas.du-pronto .du-item.du-virada .du-carta { height: var(--hv, auto); transition-delay: .5s; }
#duvidas.du-pronto .du-giro {
  position: relative; height: 100%; transform-style: preserve-3d;
  transition: transform .95s cubic-bezier(.65, 0, .35, 1) .55s;
}
#duvidas.du-pronto .du-virada .du-giro { transform: rotateX(180deg); }
#duvidas.du-pronto .du-item:not(.du-virada) .du-giro { transition-delay: 0s; }
#duvidas.du-pronto .du-item:not(.du-virada) .du-carta { transition-delay: 0s; }
#duvidas.du-pronto .du-q {
  position: absolute; inset: 0; display: grid; place-items: center;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
#duvidas.du-pronto .du-verso {
  position: absolute; left: 0; right: 0; top: 0; margin: 0; cursor: pointer;
  transform: rotateX(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
#duvidas.du-pronto .du-item:has(.du-vira:focus-visible) .du-carta { outline: 2px dashed var(--manteiga); outline-offset: 6px; border-radius: 18px; }
#duvidas.du-pronto .du-vira:focus-visible { outline: none; }

/* ---------- tablet e computador: uma coluna de tarjas que alterna o recuo ---------- */
@media (min-width: 700px) {
  #duvidas .du-lista { gap: 10px; }
  #duvidas .du-item { width: min(100%, 640px); }
  #duvidas .du-item:nth-child(even) { margin-left: auto; }
  #duvidas .du-item:nth-child(4n+3) { margin-left: 6%; }
}
@media (min-width: 1100px) {
  #duvidas .du-grade { grid-template-columns: minmax(0, .82fr) minmax(0, 1.4fr); column-gap: clamp(40px, 5vw, 88px); align-items: start; }
  #duvidas .du-cabeca { position: sticky; top: 110px; }
  #duvidas .du-h2 { max-width: 9ch; }
  #duvidas .du-lista { padding-top: 12px; }
}

/* ===== ct · contato ===== */
#contato .ct-grade{display:grid;gap:clamp(48px,6vw,96px);align-items:center}
#contato .ct-rotulo{margin-bottom:1.1rem}
#contato .ct-h2{margin-bottom:clamp(1.5rem,3vw,2.4rem)}

/* a tarja que vira */
#contato .ct-palco{perspective:1200px;max-width:620px;position:relative;margin-top:2.2rem;margin-bottom:clamp(2rem,4vw,3rem)}
#contato .ct-e1,#contato .ct-e2{position:absolute;fill:var(--ameixa);opacity:.75;z-index:2}
#contato .ct-e1{right:-6px;top:-18px;width:26px;height:26px}
#contato .ct-e2{right:34px;top:-30px;width:15px;height:15px;animation-delay:1.4s}
#contato.ct-fora .wf-estrela,#contato.ct-fora .wf-malha i{animation-play-state:paused}
#contato .ct-vira{display:grid;transform-style:preserve-3d;position:relative}
#contato .ct-vira.ct-virado{transform:rotateX(180deg)}
#contato .ct-frente,#contato .ct-verso{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#contato .ct-frente{display:flex;align-items:center;justify-content:flex-start;filter:drop-shadow(0 12px 14px rgb(20 8 6/.28))}
#contato .ct-tarja{position:relative;display:block;font-family:var(--f-mao);font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);line-height:1.05;color:var(--cafe);
  background:linear-gradient(180deg,#d3d8df,var(--tarja) 60%,#bfc5ce);padding:.28em 1.15em .34em;rotate:-2deg;
  clip-path:polygon(0 0,100% 0,calc(100% - .5em) 50%,100% 100%,0 100%,.5em 50%)}
#contato .ct-risco{position:absolute;left:.7em;right:.7em;top:52%;height:0;pointer-events:none}
#contato .ct-risco i{position:absolute;left:0;right:0;top:-.07em;height:.12em;background:var(--ameixa);border-radius:99px;transform-origin:0 50%;transform:rotate(-2.2deg)}
#contato .ct-risco i + i{left:6%;right:2%;top:.1em;height:.09em;transform:rotate(1.6deg)}
#contato .ct-verso{transform:rotateX(180deg);background:var(--papel);color:var(--cafe);border-radius:22px;padding:1.4rem clamp(1.3rem,2.5vw,2rem) clamp(1.4rem,2.5vw,2rem);
  box-shadow:var(--sombra-dia),inset 0 0 0 1px rgb(43 28 23/.06);pointer-events:none;position:relative}
#contato .ct-virado .ct-verso{pointer-events:auto}
#contato .ct-verso::after{content:"";position:absolute;left:-12px;top:-14px;width:26px;height:22px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><g stroke='%239c2a5d' stroke-width='2.6' stroke-linecap='round'><path d='M4 4l5 6'/><path d='M13 1v8'/><path d='M1 13h7'/></g></svg>") no-repeat}
#contato .ct-antes{margin:-2.6rem 0 .5rem -.6rem}
#contato .ct-antes .tarja{font-size:1.15rem;filter:drop-shadow(0 6px 8px rgb(20 8 6/.2))}
#contato .ct-verso{margin-top:1.4rem}
#contato .ct-hoje{margin:.1rem 0 1rem;font-family:var(--f-titulo);font-weight:800;font-style:italic;font-size:clamp(2.4rem,1.5rem + 3.2vw,4.3rem);line-height:.95;color:var(--cafe)}
#contato .ct-assin{font-family:var(--f-texto);font-style:normal;font-weight:400;font-size:.55em;vertical-align:.6em;margin-left:.08em;color:var(--ameixa)}

/* dados */
#contato .ct-dados{margin:0;display:grid;gap:1.1rem 2rem}
#contato .ct-dado{padding-top:.9rem;border-top:1.5px solid rgb(43 28 23/.14)}
#contato .ct-dados dt{font-size:var(--t-mini);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa);margin-bottom:.3rem}
#contato .ct-dados dd{margin:0;color:var(--tinta-suave);line-height:1.5}
#contato .ct-dados strong{color:var(--cafe);font-weight:700}
#contato .ct-dados .wf-link{min-height:44px;font-size:1.25rem;color:var(--cafe)}
#contato .ct-mini{font-size:var(--t-mini)}
#contato .ct-dados .ct-fone{font-family:var(--f-titulo);font-weight:800;font-size:clamp(1.5rem,1.2rem + .8vw,1.9rem);text-decoration-thickness:2px}

/* lugar: foto + mapa */
#contato .ct-lugar{position:relative}
#contato .ct-foto{margin:0;position:relative;border-radius:var(--raio-foto);overflow:hidden;box-shadow:var(--sombra-dia);aspect-ratio:1000/1180}
#contato .ct-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#contato .ct-foto figcaption{position:absolute;right:1rem;bottom:1.2rem}
#contato .ct-foto .tarja{font-size:clamp(1.05rem,1rem + .3vw,1.3rem)}
#contato .ct-mapa{background:var(--papel);border-radius:20px;padding:10px 10px 4px;box-shadow:var(--sombra-dia),inset 0 0 0 1px rgb(43 28 23/.06)}
#contato .ct-mapa__janela{height:260px;overflow:hidden;border-radius:14px;background:var(--creme-2)}
#contato .ct-mapa__janela iframe{display:block;width:100%;height:calc(260px + 360px);margin-top:-180px;border:0;filter:saturate(.75) sepia(.12)}
#contato .ct-mapa__link{padding:0 .5rem;color:var(--cafe)}

@media (min-width:600px){
  #contato .ct-dados{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (min-width:981px){
  #contato .ct-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  #contato .ct-mapa{position:absolute;left:-12%;bottom:-8%;width:64%;z-index:2;rotate:-1.6deg}
  #contato .ct-lugar{margin-bottom:8%}
}
@media (max-width:980px){
  #contato .ct-mapa{margin:-56px 14px 0;position:relative;z-index:2;rotate:-1.2deg}
  #contato .ct-botao{width:100%;justify-content:center}
  #contato .ct-foto{aspect-ratio:1000/1100}
}

/* RODAPÉ (rp-) */
.rp{position:relative;padding:clamp(64px,8vw,112px) var(--margem) 28px;background:var(--cafe-fundo);color:var(--creme);border-top:1px solid rgb(248 241 231/.08)}
.rp-dentro{max-width:var(--largura);margin:0 auto;display:grid;gap:40px 56px}
@media (min-width:860px){.rp-dentro{grid-template-columns:1.3fr 1fr 1fr}}
.rp p{margin:0 0 .6em;color:var(--claro-suave);font-size:1rem;line-height:1.55}
.rp-nome{font-family:var(--f-titulo);font-style:italic;font-weight:800;font-size:clamp(2rem,1.4rem + 2vw,3rem)!important;line-height:1!important;color:var(--creme)!important;margin-bottom:.2em!important}
.rp-registro{font-size:var(--t-mini)!important;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--rosa)!important}
.rp-tarja{margin-top:1.2rem}
.rp-rotulo{font-size:var(--t-mini)!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--manteiga)!important;margin-bottom:.8em!important}
.rp .wf-link{min-height:44px;color:var(--creme)}
.rp-base{max-width:var(--largura);margin:56px auto 0;padding-top:20px;border-top:1px solid rgb(248 241 231/.12);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}
.rp-base p{font-size:var(--t-mini);margin:0}
.rp-selo a{color:var(--creme);font-weight:700;text-decoration:underline;text-decoration-color:var(--rosa);text-underline-offset:.22em;display:inline-block;padding:10px 2px;margin:-10px 0}
.rp-selo a:hover,.rp-selo a:focus-visible{color:var(--rosa)}
@media (max-width:980px){.rp{padding-bottom:96px}}

.rp{isolation:isolate;overflow:clip}
.rp-nav{max-width:var(--largura);margin:0 auto 56px;display:flex;flex-wrap:wrap;gap:10px 12px;padding-bottom:32px;border-bottom:1px solid rgb(248 241 231/.12)}
.rp-nav a{font-family:var(--f-mao);font-size:1.2rem;color:var(--cafe);text-decoration:none;background:linear-gradient(180deg,#d3d8df,var(--tarja) 60%,#bfc5ce);padding:.3em 1em .35em;min-height:44px;display:inline-flex;align-items:center;
  clip-path:polygon(0 0,100% 0,calc(100% - .45em) 50%,100% 100%,0 100%,.45em 50%);transition:background .25s,transform .25s}
.rp-nav a:nth-child(odd){transform:rotate(-1.2deg)}.rp-nav a:nth-child(even){transform:rotate(1deg)}
.rp-nav a:hover,.rp-nav a:focus-visible{background:var(--rosa);transform:rotate(0) translateY(-2px)}
.rp-nav .rp-topo{margin-left:auto;background:transparent;color:var(--creme);clip-path:none;font-family:var(--f-texto);font-weight:600;font-size:1rem;text-decoration:underline;text-decoration-color:var(--rosa);text-underline-offset:.25em;padding:0}
.rp-nav .rp-topo:hover{background:transparent;color:var(--rosa)}
@media (max-width:600px){.rp-nav .rp-topo{margin-left:0}.rp-nav a{font-size:1.1rem}}

.rp-marca{position:relative}
.rp-e1{position:absolute;left:-26px;top:-18px;width:18px;height:18px;fill:var(--manteiga)}
.rp-e2{position:absolute;right:12%;top:118px;width:13px;height:13px;animation-delay:1.4s}
@media (max-width:600px){
  .rp-nav{gap:8px 8px;margin-bottom:40px}
  .rp-nav a{font-size:1rem;padding:.25em .85em .3em}
  .rp-nav .rp-topo{flex-basis:100%;margin-top:8px}
  .rp-col .wf-link{min-height:44px}
  .rp-col p{margin-bottom:.2em}
  .rp-e1{left:auto;right:6%;top:-8px}
}


/* movimento reduzido: tudo parado, estado final visível (sempre por último) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js [data-rev]{opacity:1!important;transform:none!important}
}