/* ============ TOKENS — Manual da marca Agência Trinca v1.4 ============ */
:root{
  /* cor */
  --berinjela:#322044;
  --berinjela-700:#28193a;      /* tom sobre tom (padrão) */
  --berinjela-600:#3d2a52;      /* tom sobre tom (padrão) */
  --lavanda:#E8E0F0;
  --lavanda-600:#dcd1e8;        /* tom sobre tom (padrão) */
  --lima:#D5EE59;
  --branco:#ffffff;
  --ink:var(--berinjela);
  --ink-soft:#56466a;           /* berinjela suavizada p/ textos de apoio: 7.4:1 em lavanda */
  --line:rgba(50,32,68,.16);
  --line-strong:rgba(50,32,68,.4);

  /* tipografia */
  --f-title:"Poppins",system-ui,sans-serif;
  --f-text:"Inter",system-ui,sans-serif;
  --fs-h1:clamp(2.1rem,5.2vw,3.6rem);
  --fs-h2:clamp(1.9rem,4.4vw,3rem);
  --fs-h3:1.25rem;
  --fs-lead:1.0625rem;
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-micro:.75rem;
  --measure:70ch;

  /* espaço */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --wrap:760px;
  --gutter:clamp(16px,4vw,32px);

  /* raios e bordas */
  --r-s:10px;--r-m:16px;--r-l:22px;--r-pill:999px;
  --bw:1.5px;

  /* movimento */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --t-fast:160ms;--t-med:280ms;--t-slow:520ms;
  --dock-h:84px;
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--lavanda);color:var(--ink);font:400 var(--fs-body)/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--f-title);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0}
h3{font-weight:600;letter-spacing:-.01em;font-size:var(--fs-h3);line-height:1.25}
p{margin:0}
strong,b{font-weight:600}
img{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
mark{background:var(--lima);color:var(--berinjela);padding:0 .14em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
:focus-visible{outline:3px solid var(--berinjela);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.intro-hero :focus-visible{outline-color:var(--lima)}
.skip{position:absolute;left:-999px;top:8px;background:var(--lima);color:var(--berinjela);padding:8px 14px;border-radius:8px;z-index:100;font-family:var(--f-title);font-weight:500}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============ HEADER ============ */
.top{position:sticky;top:0;z-index:20;background:rgba(232,224,240,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px)}
.top-in{max-width:calc(var(--wrap) + 2*var(--gutter));margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.brand{border:0;background:none;padding:6px;margin:-6px}
.brand-full{width:240px;height:auto}            /* mínimo do manual: 200px */
.brand-sym{display:none;height:32px;width:auto} /* símbolo ≥ 24px */
.top-meta{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-micro);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.count{font-family:var(--f-title);font-weight:600;letter-spacing:.08em}
.saved{color:var(--ink-soft);letter-spacing:.04em;text-transform:none;font-weight:400;opacity:0;transition:opacity var(--t-med)}
.saved.on{opacity:1}
.bar{height:4px;background:var(--line)}
.bar i{display:block;height:100%;width:0;background:var(--berinjela);transform-origin:left;transition:width var(--t-slow) var(--ease-out)}
.bar i::after{content:"";float:right;width:10px;height:100%;background:var(--lima)}

/* ============ SCREENS / TRANSIÇÕES ============ */
.screen{display:none;padding:var(--s7) 0 calc(var(--dock-h) + var(--s8))}
.screen.active{display:block}
.screen.active .anim{animation:rise var(--t-slow) var(--ease-out) both}
.screen.active .anim:nth-child(2){animation-delay:50ms}
.screen.active .anim:nth-child(3){animation-delay:100ms}
.screen.active .anim:nth-child(4){animation-delay:150ms}
.screen.active .anim:nth-child(n+5){animation-delay:200ms}
.screen.leaving{display:block;animation:out var(--t-med) var(--ease-io) both}
.screen.leaving.back{animation-name:outBack}
.screen.active.from-back .anim{animation-name:riseBack}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes riseBack{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes out{to{opacity:0;transform:translateY(-12px)}}
@keyframes outBack{to{opacity:0;transform:translateY(12px)}}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes pop{from{transform:scale(.6);opacity:0}}

/* ============ INTRO ============ */
.screen.intro{padding-top:0}
.intro-hero{position:relative;background:var(--berinjela);color:var(--lavanda);overflow:hidden;min-height:clamp(300px,46vh,440px);display:grid;place-items:center;padding:var(--s7) var(--gutter)}
.intro-logo{position:relative;z-index:2;padding:16px;animation:fadeUp 700ms var(--ease-out) both}
.intro-logo img{width:clamp(220px,34vw,340px);height:auto}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* leque decorativo (sem o "t"): cartas laterais abrem a 18° */
.fan{position:absolute;right:clamp(-60px,4vw,60px);bottom:-60px;width:220px;height:260px;z-index:1}
.fan-card{position:absolute;left:50%;bottom:0;width:120px;height:234px;border-radius:24px;transform-origin:50% 100%;background:var(--berinjela-600)}
.fan-card.l,.fan-card.r{width:101px;height:197px;margin-left:-50px;background:var(--berinjela-600)}
.fan-card.c{margin-left:-60px;background:var(--lima)}
.fan-card.l{animation:fanL 900ms 250ms var(--ease-out) both}
.fan-card.r{animation:fanR 900ms 250ms var(--ease-out) both}
.fan-card.c{animation:fanC 700ms 150ms var(--ease-out) both}
@keyframes fanL{from{transform:translateX(0) rotate(0)}to{transform:translateX(-46px) rotate(-18deg)}}
@keyframes fanR{from{transform:translateX(0) rotate(0)}to{transform:translateX(46px) rotate(18deg)}}
@keyframes fanC{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
/* padrão tom sobre tom — só canto, nunca atrás do logo */
.pattern{position:absolute;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%233d2a52'%3E%3Crect x='22' y='12' width='12' height='24' rx='3'/%3E%3Crect x='11' y='15' width='10' height='20' rx='2.5' transform='rotate(-18 16 35)'/%3E%3Crect x='35' y='15' width='10' height='20' rx='2.5' transform='rotate(18 40 35)'/%3E%3C/g%3E%3C/svg%3E");background-size:56px 56px}
.pattern-corner{left:0;top:0;width:min(34%,280px);height:100%;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent);mask-image:linear-gradient(90deg,#000 30%,transparent)}
.intro-body{padding-top:var(--s7)}
.intro-body>*{animation:rise var(--t-slow) var(--ease-out) both}
.intro-body>*:nth-child(2){animation-delay:80ms}.intro-body>*:nth-child(3){animation-delay:140ms}.intro-body>*:nth-child(4){animation-delay:200ms}.intro-body>*:nth-child(5){animation-delay:260ms}
.eyebrow,.step-num{font-family:var(--f-text);font-size:var(--fs-micro);font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s3)}
.step-num{display:flex;align-items:center;gap:var(--s3)}
.step-num::after{content:"";flex:1;height:1px;background:var(--line-strong)}
h1{font-size:var(--fs-h1);max-width:16ch}
h2{font-size:var(--fs-h2);max-width:18ch}
.lead{font-size:var(--fs-lead);color:var(--ink-soft);max-width:var(--measure);margin-top:var(--s4)}
.lead strong{color:var(--ink)}
.facts{list-style:none;padding:0;margin:var(--s5) 0 var(--s6);display:flex;flex-wrap:wrap;gap:var(--s2)}
.facts li{font-size:var(--fs-small);padding:6px 14px;border-radius:var(--r-pill);background:var(--branco);border:var(--bw) solid var(--line)}
.resume{margin-top:var(--s3);font-size:var(--fs-small);color:var(--ink-soft)}

/* ============ BOTÕES (Poppins Medium) ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:var(--r-pill);border:var(--bw) solid transparent;font-family:var(--f-title);font-weight:500;font-size:1rem;line-height:1.2;text-decoration:none;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-med),border-color var(--t-med),color var(--t-med)}
.btn .arr{display:inline-block;transition:transform var(--t-med) var(--ease-out)}
.btn:hover .arr{transform:translateX(4px)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-lima{background:var(--lima);color:var(--berinjela);border-color:var(--berinjela)}
.btn-lima:hover{background:#e0f47c}
.btn-berinjela{background:var(--berinjela);color:var(--lavanda)}
.btn-berinjela:hover{background:#432c5b}
.btn-berinjela.err{animation:shake 400ms}
.btn-line{background:var(--branco);color:var(--berinjela);border-color:var(--line-strong)}
.btn-line:hover{border-color:var(--berinjela)}
.btn-lg{min-height:56px;padding:14px 30px;font-size:1.0625rem}
.btn-wide{flex:1}
.btn-round{width:52px;min-width:52px;padding:0;background:var(--branco);border-color:var(--line-strong);color:var(--berinjela);font-size:1.2rem}

/* ============ DOCK ============ */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--lavanda) 60%,rgba(232,224,240,0))}
.dock-in{max-width:var(--wrap);margin:0 auto;display:flex;gap:var(--s3);padding:0 var(--gutter)}
@media (max-width:640px){.dock-in{padding:0}}

/* ============ CAMPOS ============ */
.step-head{margin-bottom:var(--s6)}
.note{display:flex;gap:12px;margin:0 0 var(--s6);padding:14px 18px;border-radius:var(--r-m);background:var(--branco);border:var(--bw) solid var(--line);font-size:var(--fs-small);max-width:var(--measure)}
.note::before{content:"";flex:none;width:12px;height:22px;border-radius:3px;background:var(--lima);border:1.5px solid var(--berinjela);margin-top:1px}
.field{margin-bottom:var(--s6);border:0;padding:0;min-width:0}
.field[hidden]{display:none}
.field.reveal{animation:rise var(--t-med) var(--ease-out) both}
.lbl{display:block;font-family:var(--f-title);font-weight:600;font-size:1.0625rem;line-height:1.3;margin-bottom:4px;padding:0}
.req{font-family:var(--f-text);font-size:var(--fs-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-left:8px;padding:2px 8px;border-radius:var(--r-pill);background:var(--lima);vertical-align:2px}
.hint{display:block;font-size:var(--fs-small);color:var(--ink-soft);margin-bottom:var(--s3);max-width:var(--measure)}
.inp{width:100%;min-height:52px;padding:13px 16px;border-radius:var(--r-s);border:var(--bw) solid var(--line-strong);background:var(--branco);font-size:1rem;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
textarea.inp{min-height:110px;resize:vertical;line-height:1.5}
.inp::placeholder{color:#8a7d98}
.inp:hover{border-color:var(--berinjela)}
.inp:focus{outline:none;border-color:var(--berinjela);box-shadow:0 0 0 3px var(--lima)}
.inp+.inp,.opts+.inp,.cards+.inp{margin-top:var(--s3)}
.or{display:block;font-size:var(--fs-micro);color:var(--ink-soft);margin:var(--s3) 0 6px}

/* chips */
.opts{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{min-height:44px;padding:9px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line-strong);background:var(--branco);font-size:.9375rem;line-height:1.3;text-align:left;transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast) var(--ease-out)}
.chip:hover{border-color:var(--berinjela);transform:translateY(-1px)}
.chip[aria-pressed="true"],.chip[aria-checked="true"]{background:var(--berinjela);color:var(--lavanda);border-color:var(--berinjela)}
.chip.sug::before{content:"+ ";font-weight:600}
.chip.sug[aria-pressed="true"]::before{content:"✓ ";color:var(--lima)}

/* cartas (moldura de carta, conteúdo reto) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s3)}
.card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:104px;padding:16px;border-radius:var(--r-m);border:var(--bw) solid var(--line-strong);background:var(--branco);text-align:left;transition:transform var(--t-med) var(--ease-out),border-color var(--t-fast),background-color var(--t-fast)}
.card .inner{display:flex;flex-direction:column;gap:4px;padding-right:22px}
.cards.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:520px){.cards.two{grid-template-columns:1fr}}
.card b{font-family:var(--f-title);font-weight:600;font-size:1rem;line-height:1.25}
.card small{font-size:var(--fs-small);color:var(--ink-soft);line-height:1.4}
.card:hover{transform:translateY(-3px);border-color:var(--berinjela)}
.card[aria-checked="true"]{background:var(--lima);border-color:var(--berinjela);border-width:2px}
.card[aria-checked="true"] small{color:var(--berinjela)}
.card .tick{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:var(--bw) solid var(--line-strong);display:grid;place-items:center;font-size:12px;background:var(--branco)}
.card[aria-checked="true"] .tick{background:var(--berinjela);color:var(--lima);border-color:var(--berinjela);animation:pop var(--t-med) var(--ease-out)}

/* leque: até três opções, laterais a 18° */
.leque{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:end;padding:36px 8% 12px;max-width:560px}
.leque .card{min-height:250px;justify-content:flex-end;border-radius:22px;transform-origin:50% 100%;transition:transform var(--t-slow) var(--ease-out),border-color var(--t-fast),background-color var(--t-fast)}
.leque .card:nth-child(1){transform:rotate(-18deg) translateX(18%) scale(.84);z-index:1}
.leque .card:nth-child(3){transform:rotate(18deg) translateX(-18%) scale(.84);z-index:1}
.leque .card:nth-child(2){z-index:2;min-height:290px}
.leque .card .inner{transform:none}
.leque .card:nth-child(1) .inner{transform:rotate(18deg)}
.leque .card:nth-child(3) .inner{transform:rotate(-18deg)}
.leque .card .inner{display:flex;flex-direction:column;gap:6px;transform-origin:0 100%}
.leque:hover .card:nth-child(1),.leque:focus-within .card:nth-child(1){transform:rotate(-18deg) translateX(8%) scale(.84)}
.leque:hover .card:nth-child(3),.leque:focus-within .card:nth-child(3){transform:rotate(18deg) translateX(-8%) scale(.84)}
.leque .card[aria-checked="true"]{z-index:3}
@media (max-width:640px){
  .leque{grid-template-columns:1fr;padding:0;gap:var(--s3)}
  .leque .card,.leque .card:nth-child(n),.leque:hover .card:nth-child(n),.leque:focus-within .card:nth-child(n){transform:none;min-height:96px}
  .leque .card .inner,.leque .card:nth-child(n) .inner{transform:none}
}

/* ajuda por campo */
.helpers{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}
.hbtn{min-height:36px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;font-size:.8125rem;color:var(--ink-soft);transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.hbtn:hover{border-color:var(--berinjela);color:var(--berinjela)}
.hbtn[aria-pressed="true"]{background:var(--lima);border-color:var(--berinjela);color:var(--berinjela);font-weight:600}
.explain{margin-top:var(--s3);padding:12px 16px;border-left:3px solid var(--lima);background:var(--branco);border-radius:0 var(--r-s) var(--r-s) 0;font-size:var(--fs-small);max-width:var(--measure);animation:rise var(--t-med) var(--ease-out)}
.field.delegated .ctrl{opacity:.45;pointer-events:none}
.flag{display:inline-block;margin-left:8px;font-family:var(--f-text);font-size:var(--fs-micro);font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:var(--berinjela);color:var(--lavanda);vertical-align:2px;animation:pop var(--t-med) var(--ease-out)}

/* erro */
.errmsg{display:none;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-small);font-weight:600}
.errmsg::before{content:"!";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--berinjela);color:var(--lima);font-size:12px;font-weight:700;flex:none}
.field.invalid .errmsg{display:flex}
.field.invalid .inp,.field.invalid .cards .card,.field.invalid .chip{border-color:var(--berinjela);border-style:dashed}
.field.invalid .ctrl{animation:shake 400ms}

/* lista de serviços adicionados */
.list{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:var(--s2)}
.list li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:var(--r-s);background:var(--branco);border:var(--bw) solid var(--line);animation:rise var(--t-med) var(--ease-out)}
.list li span{flex:1}
.list .x{border:0;background:none;width:36px;height:36px;border-radius:8px;font-size:1.1rem}
.list .x:hover{background:var(--lavanda)}
.addrow{display:flex;gap:var(--s2);margin-top:var(--s3)}
.addrow .inp{flex:1}
.empty{padding:14px 16px;border-radius:var(--r-s);border:1.5px dashed var(--line-strong);font-size:var(--fs-small);color:var(--ink-soft);text-align:center}

/* ============ REVISÃO ============ */
.review{margin:var(--s6) 0;display:grid;gap:var(--s4)}
.rv-block{background:var(--branco);border-radius:var(--r-l);border:var(--bw) solid var(--line);padding:var(--s5)}
.rv-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3)}
.rv-head h3{font-size:1.0625rem}
.rv-head .num{font-size:var(--fs-micro);letter-spacing:.14em;font-weight:600;color:var(--ink-soft);margin-right:8px}
.linkbtn{border:0;background:none;padding:4px 2px;font-family:var(--f-title);font-weight:500;font-size:var(--fs-small);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.rv-list{margin:0;display:grid;gap:10px}
.rv-list div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:var(--s3);font-size:var(--fs-small);padding-top:10px;border-top:1px solid var(--line)}
.rv-list dt{color:var(--ink-soft)}
.rv-list dd{margin:0;font-weight:400;white-space:pre-line;overflow-wrap:anywhere}
.rv-list dd em{font-style:normal;font-weight:600;background:var(--lima);padding:0 6px;border-radius:4px}
.rv-empty{font-size:var(--fs-small);color:var(--ink-soft)}
@media (max-width:520px){.rv-list div{grid-template-columns:1fr;gap:2px}}

.frame{background:var(--berinjela);color:var(--lavanda);border-radius:var(--r-l);padding:var(--s6) var(--s5);position:relative;overflow:hidden}
.frame>*{position:relative}
.send-box h3{font-size:1.5rem;margin-bottom:var(--s3)}
.send-box p{max-width:var(--measure);font-size:.9375rem}
.pending{margin:var(--s4) 0;padding:14px 16px;border-radius:var(--r-s);background:var(--berinjela-700);border:1px solid rgba(232,224,240,.25);font-size:var(--fs-small)}
.pending strong{color:var(--lima)}
.pending code{font-size:.8125rem;background:rgba(232,224,240,.12);padding:1px 6px;border-radius:4px}
.send-row{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.frame .btn-line{background:transparent;color:var(--lavanda);border-color:rgba(232,224,240,.5)}
.frame .btn-line:hover{border-color:var(--lavanda);background:rgba(232,224,240,.08)}
.frame :focus-visible{outline-color:var(--lima)}
.status{margin-top:var(--s3);min-height:1.5em;font-size:var(--fs-small)}
.status.ok::before{content:"✓ ";color:var(--lima);font-weight:700}
.reset{display:block;margin:var(--s6) auto 0;border:0;background:none;color:var(--ink-soft);font-size:var(--fs-small);text-decoration:underline;text-underline-offset:3px;padding:8px}
.reset:hover{color:var(--berinjela)}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(var(--dock-h) + 12px);transform:translate(-50%,16px);opacity:0;z-index:30;background:var(--berinjela);color:var(--lavanda);padding:10px 18px;border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:600;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med) var(--ease-out);max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* dialog */
.confirm{border:0;border-radius:var(--r-l);padding:var(--s6);max-width:420px;width:calc(100% - 32px);background:var(--branco);color:var(--ink)}
.confirm::backdrop{background:rgba(50,32,68,.55)}
.confirm p{margin-top:var(--s3);color:var(--ink-soft);font-size:.9375rem}

/* ============ RESPONSIVO ============ */
@media (max-width:640px){
  .brand-full{display:none}
  .brand-sym{display:block}
  .screen{padding-top:var(--s6)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .card{min-height:92px;padding:14px}
  .fan{right:-70px;bottom:-90px;transform:scale(.75)}
  .pattern-corner{width:45%}
  .send-row .btn{flex:1 1 100%}
}

/* ============ MOVIMENTO REDUZIDO ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}
  .fan-card.l{transform:translateX(-46px) rotate(-18deg)}
  .fan-card.r{transform:translateX(46px) rotate(18deg)}
}

/* ============ IMPRESSÃO ============ */
@media print{
  body{background:#fff}
  .top,.dock,.toast,.send-box,.reset,.linkbtn,.screen:not([data-screen="review"]){display:none!important}
  .screen[data-screen="review"]{display:block!important;padding:0}
  .rv-block{break-inside:avoid;border-color:#ccc}
  .print-head{display:block!important}
}
.print-head{display:none;margin-bottom:24px}
.print-head img{width:240px}