/* VSantê — site oficial (direção "Vitrine"). Tokens no topo; depois componentes por seção.
   Mexer na cor: só nos tokens. Cor nova de peça: token --amostra-<nome> + classe .amostra--<nome> (o gerador confere). */

/* ═══ 1. FONTES (locais, recorte latin) ═══ */
@font-face{font-family:"Fraunces";src:url(/assets/fontes/fraunces.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fontes/fraunces-italico.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fontes/manrope.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/assets/fontes/cinzel-marca.woff2) format("woff2");font-weight:400 900;font-display:swap}
/* reservas com métrica medida em 09/10/2026 (largura do texto real; ascent/descent do arquivo ÷ size-adjust) */
@font-face{font-family:"Fraunces reserva";src:local("Georgia");size-adjust:88%;ascent-override:111%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:"Manrope reserva";src:local("Arial"),local("Helvetica");size-adjust:101.5%;ascent-override:105%;descent-override:29.6%;line-gap-override:0%}
@font-face{font-family:"Cinzel reserva";src:local("Georgia");size-adjust:100.6%;ascent-override:97%;descent-override:37%;line-gap-override:0%}

/* ═══ 2. TOKENS ═══ */
:root{
  --creme:#f8f1ec;--rose:#f2e2db;--rose-2:#e8cfc5;--rose-3:#dcb7aa;--argila:#a24f3b;--argila-2:#8a4030;
  --tinta:#241a14;--tinta-2:#5e463c;--tinta-3:#715a50;--branco:#fffaf7;--sobre-foto:#fffaf7;
  /* papéis (o modo escuro troca só estes) */
  --fundo:var(--creme);--sup:var(--branco);--suave:var(--rose);--linha:var(--rose-2);--linha-forte:var(--rose-3);
  --texto:var(--tinta);--texto-2:var(--tinta-2);--texto-3:var(--tinta-3);--destaque:var(--argila);--destaque-2:var(--argila-2);
  --acao:var(--argila);--acao-2:var(--argila-2);--acao-texto:#fff;--inverso:var(--tinta);--inverso-texto:var(--creme);--inverso-2:#cdb9af;
  --espera:var(--rose);--veu:rgba(36,26,20,.32);--borda-cor:rgba(36,26,20,.4);
  /* escala tipográfica (≈1,25) */
  --t12:12px;--t14:14px;--t16:16px;--t18:18px;--t20:20px;--t28:28px;--t36:36px;--t48:48px;--t64:64px;--t-abertura:clamp(44px,6.2vw,88px);
  --display:"Fraunces","Fraunces reserva",Georgia,serif;--ui:"Manrope","Manrope reserva",system-ui,-apple-system,sans-serif;--marca:"Cinzel","Cinzel reserva",Georgia,serif;
  /* raio, sombra, tempo */
  --r8:8px;--r12:12px;--r20:20px;--r32:32px;--rp:999px;
  --sombra-1:0 1px 2px rgba(36,26,20,.06),0 8px 24px -12px rgba(36,26,20,.16);--sombra-2:0 18px 40px -14px rgba(36,26,20,.45);
  --d1:120ms;--d2:220ms;--d3:420ms;--e-out:cubic-bezier(.16,1,.3,1);--e-mola:cubic-bezier(.34,1.56,.64,1);
  --margem:clamp(16px,4vw,64px);--topo:72px;
  /* amostras de cor das peças */
  --amostra-vinho:#6f2734;--amostra-preto:#262528;--amostra-azul-marinho:#2f364f;--amostra-off-white:#ded5cd;--amostra-branco:#d9dbe0;
  --amostra-verde-militar:#576255;--amostra-marrom:#72584f;--amostra-telha:#d07f6c;--amostra-nude:#d7c1be;
}
@media (prefers-color-scheme:dark){:root{
  --fundo:#17110e;--sup:#211915;--suave:#2a201b;--linha:#3a2c25;--linha-forte:#5b473d;
  --texto:#f4ebe5;--texto-2:#d4c3b9;--texto-3:#b09d92;--destaque:#e6a28c;--destaque-2:#e6a28c;
  --acao:#e3a08a;--acao-2:#f0b9a6;--acao-texto:#1d1310;--inverso:#2a201b;--inverso-texto:#f4ebe5;--inverso-2:#c7b4aa;
  --espera:#2a201b;--veu:rgba(0,0,0,.55);--borda-cor:rgba(255,250,247,.45);
}}
.amostra--vinho{--c:var(--amostra-vinho)}.amostra--preto{--c:var(--amostra-preto)}.amostra--azul-marinho{--c:var(--amostra-azul-marinho)}.amostra--off-white{--c:var(--amostra-off-white)}.amostra--branco{--c:var(--amostra-branco)}.amostra--verde-militar{--c:var(--amostra-verde-militar)}
.amostra--marrom{--c:var(--amostra-marrom)}.amostra--telha{--c:var(--amostra-telha)}.amostra--nude{--c:var(--amostra-nude)}

/* ═══ 3. BASE ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo) + 16px)}
body{background:var(--fundo);color:var(--texto);font:400 var(--t16)/1.55 var(--ui);overflow-x:clip;font-synthesis-weight:none}
img,video,svg{display:block;max-width:100%}img,video{height:auto}[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
em{font-style:italic;color:var(--destaque)}
:focus-visible{outline:2px solid var(--destaque);outline-offset:3px;border-radius:var(--r8)}
.wrap{width:min(1320px,100% - 2*var(--margem));margin-inline:auto}
@media (min-width:1600px){.wrap{width:min(1520px,100% - 2*var(--margem))}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pular{position:absolute;left:16px;top:-80px;z-index:100;background:var(--texto);color:var(--fundo);padding:12px 16px;border-radius:var(--r8);font-weight:700}.pular:focus{top:12px}
@media (max-width:900px){.so-pc{display:none!important}}
@media (min-width:901px){.so-cel{display:none!important}}

/* ═══ 4. BOTÕES E LINKS ═══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--rp);font-weight:700;font-size:var(--t14);line-height:1;white-space:nowrap;transition:transform var(--d1) var(--e-out),background var(--d2),color var(--d2),box-shadow var(--d2)}
.btn svg{flex:none}
.btn--cheio{background:var(--acao);color:var(--acao-texto)}
.btn--cheio:hover{background:var(--acao-2)}
.btn--claro{background:var(--sup);color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--linha-forte)}
.btn--claro:hover{box-shadow:inset 0 0 0 1.5px var(--texto)}
.btn--contorno{color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--texto)}
.btn:active,.seta:active,.opcao:active,.cor:active,.pilula:active,.flutua:active,.icone:active{transform:scale(.97)}
.linha-btns{display:flex;gap:8px;flex-wrap:wrap}
.link-ig{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:var(--t14);font-weight:600;color:var(--texto);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;min-height:24px}
.link-ig:hover{text-decoration-thickness:1.5px}
.link-ig svg{width:18px;height:18px}
.icone{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background var(--d2),transform var(--d1)}
.icone:hover{background:var(--suave)}
.seta{width:48px;height:48px;border-radius:50%;background:var(--sup);display:grid;place-items:center;box-shadow:var(--sombra-1);transition:transform var(--d1) var(--e-out),background var(--d2),box-shadow var(--d2)}
.seta:hover{box-shadow:inset 0 0 0 1.5px var(--texto)}
.seta--contorno{background:transparent;box-shadow:inset 0 0 0 1.5px var(--linha-forte)}
.seta:disabled{opacity:.35;cursor:default}
.selo{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--rp);border:1px solid var(--linha-forte);color:var(--destaque-2);font-size:var(--t12);font-weight:600;white-space:nowrap}
.selo--nota{border:0;padding:0;color:var(--texto-3);font-weight:500}
.preco{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.sobre,.slide__sobre,.bloco-rot{font-size:var(--t12);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sobre{color:var(--destaque-2)}

/* ═══ 5. FAIXA ═══ */
.faixa{background:var(--inverso);color:var(--inverso-texto);font-size:var(--t14);overflow:hidden;white-space:nowrap;height:40px;display:flex;align-items:center}
.faixa__trilho{display:inline-flex;animation:corre 46s linear infinite}
.faixa__trilho span{display:inline-flex;align-items:center;gap:40px;padding-right:40px}
.faixa__trilho span::after{content:"✦";color:var(--rose-3);font-size:10px}
.faixa:hover .faixa__trilho,.faixa:focus .faixa__trilho{animation-play-state:paused}
@keyframes corre{to{transform:translateX(-50%)}}

/* ═══ 6. CABEÇALHO E MENU ═══ */
.topo{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--fundo) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--d2)}
.topo.rolou{border-color:var(--linha)}
.topo__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--topo);padding-inline:var(--margem);max-width:1648px;margin-inline:auto;transition:height var(--d2) var(--e-out)}
.topo.rolou .topo__in{height:60px}
.marca{justify-self:center;font:500 26px/1 var(--marca);letter-spacing:.1em;padding:8px 0}
.menu{display:flex;gap:24px;font-size:var(--t14);font-weight:600}
.menu a{position:relative;padding:12px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1.5px;background:var(--destaque);transform:scaleX(0);transform-origin:right;transition:transform var(--d3) var(--e-out)}
.menu a:hover::after,.menu a.atual::after{transform:scaleX(1);transform-origin:left}
.acoes{display:flex;gap:4px;justify-self:end;align-items:center}
.btn-estilista{display:inline-flex;align-items:center;gap:8px;height:40px;margin-left:8px;padding:0 16px 0 12px;border-radius:var(--rp);background:var(--inverso);color:var(--inverso-texto);font-size:var(--t14);font-weight:700;transition:background var(--d2),transform var(--d1)}
.btn-estilista:hover{background:var(--acao);color:var(--acao-texto)}
.menu-cel{display:none}
@media (max-width:1100px){.menu{gap:16px}}
@media (max-width:900px){
  :root{--topo:56px}
  .topo .menu:not(.menu--sempre){display:none}
  .topo__in{grid-template-columns:auto 1fr auto;padding-inline:8px}
  .topo.rolou .topo__in{height:56px}
  .marca{justify-self:start;font-size:22px;padding-left:4px}
  .menu--sempre{display:none}
  .menu-cel{position:fixed;inset:0;z-index:80;background:var(--fundo);padding:16px 24px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;visibility:hidden;transform:translateY(-100%);transition:transform var(--d3) var(--e-out),visibility 0s linear var(--d3)}
  .menu-cel.aberto{visibility:visible;transform:none;transition:transform var(--d3) var(--e-out),visibility 0s}
  .menu-cel a{font:400 var(--t36)/1.15 var(--display);letter-spacing:-.02em;padding:8px 0;border-bottom:1px solid var(--linha)}
  .menu-cel__fechar{align-self:flex-end;background:var(--suave)}
}
@media (max-width:700px){.faixa{font-size:var(--t12);height:32px}}

/* ═══ 7. ABERTURA (destaques) ═══ */
.abertura{padding:16px 0 0}
.palco{position:relative;border-radius:var(--r32);overflow:hidden;background:var(--suave);height:clamp(560px,74vh,820px);isolation:isolate;touch-action:pan-y}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;opacity:0;visibility:hidden;transition:opacity var(--d3) var(--e-out),visibility var(--d3)}
.slide.ativo{opacity:1;visibility:visible}
.slide__texto{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:56px clamp(28px,5vw,80px)}
.slide__sobre{color:var(--destaque-2)}
.slide__titulo{font:400 var(--t-abertura)/.98 var(--display);letter-spacing:-.025em;font-variation-settings:"opsz" 144}
.slide__titulo .l{display:block;overflow:hidden;padding-bottom:.08em}
.slide__titulo .l>span{display:inline-block;transform:translateY(105%);transition:transform .6s var(--e-out)}
.slide__titulo .l:nth-child(2)>span{transition-delay:.05s}.slide__titulo .l:nth-child(3)>span{transition-delay:.1s}
.slide.ativo .slide__titulo .l>span{transform:none}
.slide__p{max-width:42ch;color:var(--texto-2);font-size:var(--t18)}
.slide__midia{position:relative;overflow:hidden;background:var(--espera);order:2}
.slide__capa,.slide__capa img,.slide__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide__capa img,.slide__video{transform:scale(1.06);transition:transform 7s linear,opacity var(--d2)}
.slide.ativo .slide__capa img,.slide.ativo .slide__video{transform:none}
.slide__video{opacity:0}.slide__video.tocando{opacity:1}
.colagem{position:absolute;inset:0}
.colagem figure{position:absolute;border-radius:var(--r20);overflow:hidden;box-shadow:var(--sombra-2);transition:translate .8s var(--e-out)}
.colagem img{width:100%;height:100%;object-fit:cover}
.colagem .c1{width:42%;aspect-ratio:1200/1540;left:6%;top:12%;rotate:-5deg}
.colagem .c2{width:40%;aspect-ratio:1200/1540;left:40%;top:6%;rotate:4deg;z-index:2}
.colagem .c3{width:34%;aspect-ratio:1;left:30%;top:56%;rotate:-2deg;z-index:3}
.barras{position:absolute;top:10px;left:16px;right:56px;display:flex;gap:6px;z-index:5}
.barra{position:relative;flex:1;height:24px}
.barra::before,.barra i{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px}
.barra::before{background:color-mix(in srgb,var(--texto) 16%,transparent)}
.barra i{background:var(--texto);transform:scaleX(0);transform-origin:left}
.barra.cheia i{transform:none}
.barra.correndo i{animation:enche 7s linear forwards}
.palco.pausado .barra.correndo i,.palco:focus-within .barra.correndo i{animation-play-state:paused}
@media (hover:hover){.palco:hover .barra.correndo i{animation-play-state:paused}}
@keyframes enche{to{transform:none}}
.palco__pausa{position:absolute;top:6px;right:12px;z-index:6;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--sup) 80%,transparent);color:var(--texto)}
.palco__pausa svg+svg,.palco__pausa[aria-pressed="true"] svg:first-child{display:none}
.palco__pausa[aria-pressed="true"] svg+svg{display:block}
.palco__setas{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;z-index:5}
/* confiança */
.confianca{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:24px}
.conf{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r20);background:var(--sup);box-shadow:inset 0 0 0 1px var(--linha)}
.conf__ic{flex:none;width:44px;height:44px;border-radius:var(--r12);background:var(--suave);display:grid;place-items:center;color:var(--destaque)}
.conf b{display:block;font-size:var(--t14)}
.conf small{display:block;font-size:var(--t14);color:var(--texto-3);line-height:1.35}
@media (max-width:900px){
  .abertura{padding-top:8px}
  .palco{height:56svh;min-height:420px;border-radius:var(--r20)}
  .slide{display:block}
  .slide__midia{position:absolute;inset:0}
  .slide__texto{position:absolute;inset:auto 0 0 0;padding:64px 16px 16px;gap:8px;color:var(--sobre-foto);background:linear-gradient(180deg,transparent,rgba(36,26,20,.62) 45%)}
  .slide__titulo{font-size:var(--t36);line-height:1.02;color:var(--sobre-foto)}
  .slide__titulo em{color:var(--sobre-foto)}
  .slide__sobre{font-size:11px;letter-spacing:.14em;color:color-mix(in srgb,var(--sobre-foto) 80%,transparent)}
  .slide__p{display:none}
  .slide .btn{height:44px;align-self:flex-start;margin-top:4px}
  .barras{top:4px;left:12px;right:52px}
  .barra::before{background:rgba(255,250,247,.35)}.barra i{background:var(--sobre-foto)}
  .palco__pausa{top:2px;right:8px}
}
@media (max-width:700px){.palco{height:46svh;min-height:360px}.slide__titulo{font-size:32px}}

/* ═══ 8. COLEÇÕES, TRILHO E CARD ═══ */
.colecao{padding:64px 0 0}
.colecao__cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.colecao__titulo{font:400 clamp(26px,3.6vw,48px)/1.05 var(--display);letter-spacing:-.02em;font-variation-settings:"opsz" 120}
.colecao__sub{color:var(--texto-3);font-size:var(--t16);margin-top:8px}
.colecao__acoes{display:flex;align-items:center;gap:16px;flex:none}
.colecao__setas{display:flex;gap:8px}
.link-ver{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--t14);font-weight:700;color:var(--destaque)}
.link-ver svg{transition:transform var(--d2) var(--e-out)}.link-ver[aria-expanded="true"] svg{transform:rotate(90deg)}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*24px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px;margin-inline:-8px;scroll-padding-inline:8px}
.trilho::-webkit-scrollbar{display:none}
.trilho.arrastando{cursor:grabbing;scroll-snap-type:none}.trilho.arrastando *{pointer-events:none}
.trilho--grade{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}
@media (min-width:1600px){.trilho{grid-auto-columns:calc((100% - 4*24px)/5)}.trilho--grade{grid-template-columns:repeat(5,1fr)}}
@media (max-width:1100px){.trilho{grid-auto-columns:calc((100% - 2*16px)/3);gap:16px}.trilho--grade{grid-template-columns:repeat(3,1fr)}}
.card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0;--troca:320ms}
.card.saida{--troca:420ms}
.card__foto{position:relative;display:block;border-radius:var(--r20);overflow:hidden;background:var(--espera);aspect-ratio:1200/1540;isolation:isolate}
.card__foto::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,250,247,.6) 50%,transparent 70%) 0 0/200% 100%;animation:brilho 1.2s linear infinite}
.card__foto.carregada::before,html:not(.js) .card__foto::before{display:none}
@keyframes brilho{from{background-position:100% 0}to{background-position:-100% 0}}
.card__q{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity var(--troca) var(--e-out),transform var(--troca) var(--e-out)}
.card__q.ativo{opacity:1;transform:none}
.card__q.saindo{opacity:0;transform:scale(1.02)}
html.js .card__q.ativo:not(.ok){opacity:0}
.card__tams{position:absolute;left:12px;right:12px;bottom:28px;z-index:2;display:flex;gap:4px;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity var(--d2) var(--e-out),transform var(--d2) var(--e-out)}
.card__tams span{font-size:var(--t12);font-weight:700;color:var(--tinta);background:rgba(255,250,247,.94);padding:4px 8px;border-radius:var(--r8)}
.card__ind{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;gap:4px;justify-content:center;opacity:0;transition:opacity var(--d2)}
.card__ind i{width:16px;height:2px;border-radius:2px;background:rgba(255,250,247,.5);transition:background var(--d2)}
.card__ind i.on{background:#fffaf7}
.card.passando .card__tams,.card__foto:focus-visible .card__tams{opacity:1;transform:none}
.card.passando .card__ind,.card__foto:focus-visible .card__ind{opacity:1}
.card__info{display:flex;flex-direction:column;gap:8px;padding:0 4px}
.card__nome{font:500 var(--t20)/1.2 var(--display);font-variation-settings:"opsz" 36}
.card__preco{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--t16)}
.cores{display:flex;gap:2px;align-items:center;margin-left:-4px}
.cor{position:relative;width:28px;height:28px;border-radius:50%;flex:none;transition:transform var(--d1) var(--e-mola)}
.cor::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px var(--borda-cor)}
.cor[aria-pressed="true"]::after{content:"";position:absolute;inset:1px;border-radius:50%;box-shadow:0 0 0 1.5px var(--texto)}
button.cor:hover{transform:scale(1.12)}
.cores__nome{font-size:var(--t14);color:var(--texto-3);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__acoes{display:flex;align-items:center;gap:4px 12px;margin-top:4px;flex-wrap:wrap}
@media (min-width:701px){.card .link-ig svg{display:none}}
.btn--direct{height:40px;padding:0 14px;color:var(--acao);box-shadow:inset 0 0 0 1.5px var(--acao);transition:background var(--d1),color var(--d1),transform var(--d1)}
.card:hover .btn--direct,.btn--direct:focus-visible{background:var(--acao);color:var(--acao-texto)}
@media (max-width:700px){
  .colecao{padding-top:32px}
  .colecao__cab{margin-bottom:4px;align-items:center}
  .colecao__cab>div:first-child{min-width:0}
  .colecao__titulo{font-size:26px}
  .colecao__sub{font-size:var(--t14);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .link-ver span{white-space:nowrap}
  .trilho{grid-auto-columns:42vw;gap:8px;margin-inline:-16px;padding:8px 16px;scroll-padding-inline:16px}
  .trilho--grade{grid-template-columns:1fr 1fr;margin-inline:0;padding:8px 0}
  .card{gap:8px}
  .card__foto{border-radius:var(--r12)}
  .card__info{gap:4px;padding:0}
  .card__nome{font-size:15px;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card__preco{font-size:var(--t14);gap:4px 6px}
  .card__preco .selo:not(.selo--nota){font-size:11px;height:20px;padding:0 6px}
  .card__preco .selo--nota{font-size:11px}
  .cores__nome{font-size:var(--t12)}
  .card__acoes{gap:4px;margin-top:4px;flex-wrap:nowrap}
  .btn--direct{flex:1;height:36px;padding:0 8px;font-size:13px;background:var(--acao);color:var(--acao-texto);box-shadow:none}
  .btn--direct svg{display:none}
  .link-ig:not(.link-ig--texto){width:36px;height:36px;flex:none;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linha-forte)}
  .link-ig:not(.link-ig--texto) span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

/* ═══ 9. A PEÇA EM MOVIMENTO ═══ */
.movimento{margin:96px var(--margem) 0;padding:80px 0;background:var(--inverso);color:var(--inverso-texto);border-radius:var(--r32)}
.movimento .colecao__titulo em{color:var(--rose-3)}
.movimento .colecao__sub{color:var(--inverso-2)}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-card{position:relative;display:block;border-radius:var(--r20);overflow:hidden;aspect-ratio:9/14;background:#3a2c24}
.video-card__capa,.video-card__capa img,.video-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-card__video{opacity:0;transition:opacity var(--d2)}.video-card__video.tocando{opacity:1}
.video-card__leg{position:absolute;left:0;right:0;bottom:0;padding:64px 16px 16px;background:linear-gradient(transparent,rgba(20,14,10,.82));display:flex;justify-content:space-between;align-items:flex-end;gap:8px;color:var(--sobre-foto)}
.video-card__leg b{display:block;font:500 var(--t20)/1.15 var(--display)}
.video-card__leg small{font-size:var(--t14);color:#eadcd5}
.pilula{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--rp);background:var(--creme);color:var(--tinta);font-size:var(--t14);font-weight:700;flex:none}
@media (max-width:700px){
  .movimento{margin:48px 0 0;padding:32px 0;border-radius:0}
  .videos{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:42vw;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
  .video-card{aspect-ratio:9/16;scroll-snap-align:start;border-radius:var(--r12)}
  .video-card__leg{padding:48px 8px 8px;flex-direction:column;align-items:flex-start}
  .video-card__leg b{font-size:15px}.video-card__leg small{font-size:var(--t12)}
  .pilula{display:none}
}

/* ═══ 10. ESTILISTA ═══ */
.estudio{padding:96px 0 0;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.estudio__texto h2{font:400 clamp(36px,5vw,var(--t64))/1 var(--display);letter-spacing:-.025em;font-variation-settings:"opsz" 144}
.estudio__p{margin:16px 0 24px;color:var(--texto-2);font-size:var(--t18);max-width:44ch}
.passos{display:grid;gap:8px;margin-bottom:24px}
.passos li{display:flex;gap:12px;align-items:center;font-weight:600;font-size:var(--t16)}
.passos li span{width:28px;height:28px;border-radius:50%;background:var(--suave);display:grid;place-items:center;font-size:var(--t12);font-weight:700;color:var(--destaque-2);flex:none}
.aviso{font-size:13px;color:var(--texto-2);background:var(--suave);padding:8px 12px;border-radius:var(--r8);max-width:52ch}
@media (max-width:900px){
  .estudio{display:block;padding-top:48px}
  .estudio__texto h2{font-size:var(--t28);white-space:nowrap}
  .estudio__p,.estudio .aviso{display:none}
  .passos{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
  .passos li{font-size:var(--t14);gap:6px;background:var(--sup);box-shadow:inset 0 0 0 1px var(--linha);padding:4px 12px 4px 4px;border-radius:var(--rp)}
  .passos li span{width:24px;height:24px}
  .estudio .btn{width:100%}
}
/* chat */
.chat{display:flex;flex-direction:column;background:var(--sup);border-radius:var(--r32);box-shadow:inset 0 0 0 1px var(--linha),var(--sombra-1);height:520px;overflow:hidden}
.chat__cab{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--linha)}
.avatar{width:40px;height:40px;border-radius:50%;background:conic-gradient(from 200deg,var(--argila),var(--rose-3),#9a7b4f,var(--argila));display:grid;place-items:center;color:#fff;flex:none}
.chat__cab b{display:block;font-size:var(--t16)}
.chat__cab>div{min-width:0}.chat__cab small{display:block;font-size:var(--t14);color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat__recomecar{margin-left:auto;font-size:13px;font-weight:700;color:var(--destaque);text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0 4px}
.chat__corpo{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.msg{max-width:88%;padding:12px 16px;border-radius:var(--r20);font-size:var(--t16);line-height:1.45;animation:entra var(--d3) var(--e-out) both}
.msg--ela{background:var(--suave);border-bottom-left-radius:6px;align-self:flex-start}
.msg--voce{background:var(--inverso);color:var(--inverso-texto);border-bottom-right-radius:6px;align-self:flex-end;text-align:left}
button.msg--voce:hover{box-shadow:0 0 0 2px var(--linha-forte)}
.msg small{font-size:13px}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}
.digitando{display:inline-flex;gap:4px;padding:16px}
.digitando i{width:7px;height:7px;border-radius:50%;background:var(--texto-3);animation:pula 1s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pula{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.chat__bandeja{background:var(--fundo);padding:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;border-top:1px solid var(--linha)}
.chat__bandeja:empty{display:none}
.opcao{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--rp);background:var(--sup);box-shadow:inset 0 0 0 1.5px var(--linha-forte);font-size:var(--t14);font-weight:700;transition:background var(--d2),transform var(--d1)}
.opcao:hover{background:var(--suave)}
.opcao .cor{width:20px;height:20px}.opcao .cor::before{inset:0}
.reguas{width:100%;display:grid;gap:12px}
.reguas label{display:grid;gap:4px;font-size:var(--t14);font-weight:700}
.reguas output{font-weight:700;color:var(--destaque)}
.reguas input[type=range]{accent-color:var(--acao);width:100%;height:28px}
.sugestoes{display:grid;gap:8px;animation:entra var(--d3) var(--e-out) both}
.sug{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:8px;border-radius:var(--r20);background:var(--fundo);box-shadow:inset 0 0 0 1px var(--linha);align-items:center}
.sug img{width:72px;height:92px;object-fit:cover;border-radius:var(--r12);background:var(--espera)}
.sug b{font:500 var(--t18)/1.2 var(--display)}
.sug small{display:block;color:var(--texto-3);font-size:13px;margin:2px 0 4px}
.sug .tam{font-size:13px}
.sug .tam strong{color:var(--destaque)}
.sug a{display:inline-block;margin-top:4px;font-size:13px;font-weight:700;color:var(--destaque);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.look{display:grid;gap:12px;padding:12px;border-radius:var(--r20);background:var(--inverso);color:var(--inverso-texto);animation:entra var(--d3) var(--e-out) both}
.look__fotos{display:flex;align-items:center;gap:8px}
.look__fotos img{width:64px;height:82px;object-fit:cover;border-radius:var(--r8)}
.look__fotos span{font:500 var(--t20) var(--display);color:var(--rose-3)}
.look__fotos p{font-size:13px;line-height:1.35}
.look__total{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--t14);font-weight:600}
.look__total .selo{color:var(--rose-3);border-color:var(--inverso-2)}
.look .btn{width:100%;height:48px}

/* ═══ 11. LOJA E INSTAGRAM ═══ */
.loja{margin-top:96px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.loja__texto{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--suave);border-radius:var(--r32)}
.loja__texto h2{font:400 clamp(28px,3.6vw,var(--t48))/1.05 var(--display);letter-spacing:-.02em}
.loja__texto p{margin-top:16px;font-size:var(--t18);color:var(--texto-2)}
.loja address{font-style:normal;color:var(--texto-2);line-height:1.6}
.loja__foto{border-radius:var(--r32);overflow:hidden;position:relative;min-height:420px;background:var(--espera)}
.loja__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.insta{margin-top:96px;overflow:hidden}
.insta__trilho{display:flex;gap:12px;width:max-content;animation:corre 70s linear infinite}
.insta:hover .insta__trilho,.insta__trilho:focus-visible{animation-play-state:paused}
.insta__trilho>span{width:220px;aspect-ratio:1;border-radius:var(--r20);overflow:hidden;flex:none;background:var(--espera)}
.insta__trilho img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.loja{grid-template-columns:1fr}.loja__foto{min-height:0;aspect-ratio:4/3;order:2}.loja__texto{padding:20px;border-radius:var(--r20);gap:16px}.loja__texto h2{font-size:var(--t28)}.loja__texto p{font-size:var(--t16);margin-top:8px}.loja__foto{border-radius:var(--r20)}}
@media (max-width:700px){.loja{margin-top:48px}.loja__texto h2{font-size:24px}.insta{margin-top:48px}.insta__trilho{gap:8px}.insta__trilho>span{width:120px;border-radius:var(--r12)}}

/* ═══ 12. RODAPÉ ═══ */
.pe{margin-top:96px;background:var(--suave);padding:56px 0 120px;border-radius:var(--r32) var(--r32) 0 0}
.pe__grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.pe h2{font-size:var(--t12);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--destaque-2);margin-bottom:12px}
.pe li{margin:8px 0;font-size:var(--t14);color:var(--texto-2)}
.pe li a{display:inline-block;padding:4px 0}.pe li a:hover{color:var(--destaque)}
.pe__bloco summary{list-style:none;pointer-events:none}.pe__bloco summary::-webkit-details-marker{display:none}
.pe__marca{font:500 clamp(48px,9vw,128px)/1 var(--marca);letter-spacing:.06em;margin-top:48px;color:var(--texto)}
.pe__empresa{margin-top:16px;font-size:var(--t12);color:var(--texto-2)}
.pe__links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--t14);font-weight:600}
.pe__links a{padding:12px 0}
.pe--simples{padding-bottom:48px}
@media (max-width:700px){
  .pe{margin-top:48px;padding:32px 0 calc(32px + env(safe-area-inset-bottom));border-radius:var(--r20) var(--r20) 0 0}
  .pe__grade{grid-template-columns:1fr;gap:0}
  .pe__sobre{margin-bottom:8px}.pe__sobre li{margin:2px 0}
  .pe__bloco{border-top:1px solid var(--linha-forte)}
  .pe__bloco summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px}
  .pe__bloco summary::after{content:"+";font-size:var(--t20);transition:transform var(--d2)}
  .pe__bloco[open] summary::after{transform:rotate(45deg)}
  .pe__bloco summary h2{margin:0}
  .pe__bloco ul{padding-bottom:8px}
  .pe__marca{font-size:var(--t48);margin-top:16px}
}

/* ═══ 13. CAMADAS: folha do Direct, busca, Estilista, bolha ═══ */
dialog{border:0;color:var(--texto);background:var(--sup);max-width:none;max-height:none}
dialog::backdrop{background:var(--veu)}
.folha{position:fixed;margin:0;inset:auto auto auto auto;width:400px;padding:24px;border-radius:var(--r20);box-shadow:var(--sombra-2);display:none;flex-direction:column;gap:12px;opacity:0;transform:translateY(24px);transition:opacity 320ms var(--e-out),transform 320ms var(--e-out)}
.folha[open]{display:flex}.folha.entrou{opacity:1;transform:none}
.folha__fechar{position:absolute;top:8px;right:8px}
.folha__ok{width:32px;height:32px;border-radius:50%;background:var(--acao);color:var(--acao-texto);display:grid;place-items:center;transform:scale(.6);transition:transform var(--d2) var(--e-mola)}
.folha.entrou .folha__ok{transform:none}.folha.falhou .folha__ok{display:none}
.folha__titulo{font:500 22px/1.2 var(--display)}
.folha__msg{width:100%;resize:none;border:1px solid var(--linha);background:var(--fundo);border-radius:var(--r12);padding:12px;font-size:var(--t14);line-height:1.5;color:var(--texto)}
.folha__apoio{font-size:var(--t14);color:var(--texto-2)}
.folha .btn{width:100%}
@media (max-width:700px){.folha{inset:auto 0 0 0!important;width:100%;border-radius:var(--r20) var(--r20) 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
.busca{position:fixed;margin:auto;inset:0;width:min(960px,100% - 32px);height:min(760px,100% - 64px);padding:0;border-radius:var(--r20);display:none;flex-direction:column;overflow:hidden}
.busca[open]{display:flex}
.busca__topo{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0 24px}
.busca__topo h2{font:400 var(--t28)/1.1 var(--display)}
.busca__campo{display:flex;align-items:center;gap:8px;margin:12px 24px;height:48px;padding:0 16px;border-radius:var(--rp);background:var(--fundo);box-shadow:inset 0 0 0 1.5px var(--linha-forte)}
.busca__campo:focus-within{box-shadow:inset 0 0 0 2px var(--texto)}
.busca__campo input{flex:1;border:0;background:none;outline:0;font-size:var(--t16);height:100%}
.busca__grade{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:8px 24px 24px;align-content:start}
.busca__grade a{display:grid;gap:4px}
.busca__grade img{width:100%;aspect-ratio:1200/1540;object-fit:cover;border-radius:var(--r12);background:var(--espera)}
.busca__nome{font:500 var(--t16)/1.2 var(--display)}.busca__preco{font-size:var(--t14);color:var(--texto-2)}
.busca__vazia{padding:0 24px 24px;color:var(--texto-2)}
@media (max-width:700px){.busca{width:100%;height:100%;border-radius:0}.busca__grade{grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px 24px}.busca__campo{margin:8px 16px}.busca__topo{padding:8px 8px 0 16px}}
.gaveta{position:fixed;margin:0;inset:auto 24px 96px auto;width:min(420px,100vw - 24px);padding:0;background:none;display:none;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity 320ms var(--e-out),transform 320ms var(--e-out)}
.gaveta[open]{display:block}.gaveta.entrou{opacity:1;transform:none}
.gaveta::backdrop{background:color-mix(in srgb,var(--veu) 50%,transparent)}
.gaveta .chat{height:min(560px,100vh - 140px);box-shadow:inset 0 0 0 1px var(--linha),var(--sombra-2)}
.gaveta__fechar{position:absolute;right:8px;top:14px;z-index:2;background:var(--suave)}
.gaveta .chat__cab{padding-right:60px}
@media (max-width:900px){.gaveta{inset:auto 0 0 0;width:100%;transform:translateY(24px)}.gaveta .chat{height:88svh;border-radius:var(--r20) var(--r20) 0 0}}
.flutua{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;height:56px;padding:0 20px 0 8px;border-radius:var(--rp);background:var(--inverso);color:var(--inverso-texto);font-weight:700;font-size:var(--t14);box-shadow:var(--sombra-2);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--d2),transform var(--d2) var(--e-out),visibility 0s linear var(--d2)}
.flutua.visivel{opacity:1;visibility:visible;transform:none;transition:opacity var(--d2),transform var(--d2) var(--e-out),visibility 0s}
@media (max-width:700px){.flutua{right:16px;bottom:16px;height:48px;width:48px;padding:0;justify-content:center}.flutua .avatar{width:48px;height:48px}.flutua__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* ═══ 14. PÁGINA DA PEÇA ═══ */
.migalha{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--texto-3);padding:16px 0}.migalha a:hover{color:var(--destaque)}
.peca{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start}
.galeria{display:grid;grid-template-columns:84px 1fr;gap:12px;position:sticky;top:calc(var(--topo) + 16px)}
.miniaturas{display:grid;gap:8px;align-content:start}
.miniaturas button{border-radius:var(--r12);overflow:hidden;aspect-ratio:1200/1540;background:var(--espera);transition:box-shadow var(--d2)}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.miniaturas button[aria-current="true"]{box-shadow:0 0 0 2px var(--texto)}
.principal{position:relative;border-radius:var(--r20);overflow:hidden;background:var(--espera);aspect-ratio:1200/1540}
.fotos li{position:absolute;inset:0;opacity:0;transition:opacity var(--d3) var(--e-out)}
.fotos li.atual{opacity:1}
.fotos img{width:100%;height:100%;object-fit:cover}
.lupa{position:absolute;width:180px;height:180px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 3px #fff,var(--sombra-2);background-repeat:no-repeat;opacity:0;transition:opacity var(--d2);transform:translate(-50%,-50%);z-index:3}
@media (hover:hover){.principal:hover .lupa{opacity:1}.principal{cursor:zoom-in}}
.pontos{display:none}
.compra{display:flex;flex-direction:column;gap:16px;padding-top:8px}
.compra__nome{font:400 clamp(36px,4vw,56px)/1.02 var(--display);letter-spacing:-.02em;font-variation-settings:"opsz" 144}
.preco--grande{font-size:var(--t28)}
.compra__combo{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--t14);color:var(--texto-2);margin-top:-8px}
.bloco-rot{display:flex;align-items:center;margin-bottom:8px;gap:6px}
.bloco-rot .cor-nome{letter-spacing:0;text-transform:none;font-weight:600}
.qual-tam{margin-left:auto;font-size:13px;letter-spacing:0;text-transform:none;font-weight:700;color:var(--destaque);text-decoration:underline;text-underline-offset:3px;padding:12px 0}
.cores-g{display:flex;gap:8px;flex-wrap:wrap}
.cores-g button{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 8px;border-radius:var(--rp);background:var(--sup);box-shadow:inset 0 0 0 1.5px var(--linha);font-weight:700;font-size:var(--t14);transition:box-shadow var(--d2)}
.cores-g .cor{width:28px;height:28px}.cores-g .cor::before{inset:0}
.cores-g button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--texto)}
.tams{display:flex;gap:8px;flex-wrap:wrap}
.tams button{min-width:52px;height:44px;padding:0 12px;border-radius:var(--r12);background:var(--sup);box-shadow:inset 0 0 0 1.5px var(--linha);font-weight:700;transition:box-shadow var(--d2)}
.tams button:hover{box-shadow:inset 0 0 0 1.5px var(--texto-3)}
.tams button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--texto);background:var(--sup)}
.tams button.sugerido{box-shadow:inset 0 0 0 2px var(--destaque);color:var(--destaque)}
.tam-sug{font-size:13px;color:var(--texto-3);margin-top:8px}.tam-sug:empty{display:none}
.compra__acoes{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.btn--grande{height:48px;padding:0 28px;font-size:var(--t16)}
.compra__texto{color:var(--texto-2);font-size:var(--t16)}
.sanfona{border-top:1px solid var(--linha)}
.sanfona summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-weight:700;cursor:pointer}
.sanfona summary::-webkit-details-marker{display:none}
.sanfona summary::after{content:"+";font-size:22px;font-weight:400;transition:transform var(--d2) var(--e-out)}
.sanfona[open] summary::after{transform:rotate(45deg)}
.sanfona p{padding:0 0 16px;color:var(--texto-2);font-size:var(--t16)}
.veja{padding-top:96px}
.barra-compra{display:none}
@media (max-width:900px){
  .peca{grid-template-columns:1fr;gap:24px}
  .galeria{position:relative;top:0;grid-template-columns:1fr}
  .miniaturas{display:none}
  .principal{aspect-ratio:auto;background:none;border-radius:0;overflow:visible}
  .fotos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
  .fotos::-webkit-scrollbar{display:none}
  .fotos li{position:relative;inset:auto;opacity:1;flex:none;width:88%;scroll-snap-align:start;aspect-ratio:1200/1540;border-radius:var(--r20);overflow:hidden;background:var(--espera)}
  .lupa{display:none}
  .pontos{display:flex;gap:6px;justify-content:center;margin-top:8px}
  .pontos i{width:7px;height:7px;border-radius:4px;background:var(--linha-forte);transition:width var(--d2) var(--e-out),background var(--d2)}
  .pontos i.on{width:22px;background:var(--texto)}
  .compra__acoes .btn--grande{width:100%}
  .veja{padding-top:48px}
  .pg-peca{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .barra-compra{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--fundo) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linha)}
  .barra-compra .preco{font-size:var(--t16)}
  .barra-compra .btn{flex:1;height:48px}
  .pg-peca .flutua{bottom:88px}
}

/* ═══ 15. PÁGINAS DE TEXTO (termos, privacidade, 404) ═══ */
.documento{width:min(44rem,100% - 2*var(--margem));margin:48px auto 0;line-height:1.65}
.documento h1{font:400 clamp(32px,5vw,var(--t48))/1.1 var(--display);letter-spacing:-.02em;margin-bottom:8px}
.documento h2{font:500 var(--t20)/1.3 var(--display);margin:32px 0 8px}
.documento p,.documento li{color:var(--texto-2);margin:8px 0}
.documento ul{list-style:disc;padding-left:24px}
.documento a{color:var(--destaque);text-decoration:underline;text-underline-offset:3px}
.documento .data{font-size:var(--t14);color:var(--texto-3)}
.documento .caixa{background:var(--suave);border-radius:var(--r20);padding:16px 20px;margin:24px 0}
.documento code{font-size:.9em}

/* ═══ 16. ENTRADAS E MOVIMENTO REDUZIDO ═══ */
html.js .sobe{opacity:0;transform:translateY(16px);transition:opacity .6s var(--e-out),transform .6s var(--e-out)}
html.js .sobe.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .faixa__trilho,.insta__trilho{animation:none!important}
  .card__foto::before{display:none}
  html.js .sobe{opacity:1;transform:none}
  .slide__capa img,.slide__video,.card__q{transform:none!important}
}