@font-face{font-family:"Pacaembu";src:url("../fonts/pacaembu-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pacaembu";src:url("../fonts/pacaembu-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Pacaembu";src:url("../fonts/pacaembu-bold.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Pacaembu";src:url("../fonts/pacaembu-black.woff2") format("woff2");font-weight:800 900;font-display:swap}
/* =========================================================
   FORNADA · LP v1 (12/11/2026)
   Conceito: "o placar do forno". Paleta tirada da tela real do story.
   ========================================================= */
:root{
  --forno:#1E0A0C; --forno2:#2A0F12; --bordo:#5A0F17; --vinho:#7A1622;
  --brasa:#FF5A2A; --brasa2:#FF7A45; --manteiga:#FFD24A; --manteiga2:#FFE58A;
  --massa:#F4EEE6; --massa2:#EBE2D6; --papel:#FFFDF9; --tinta:#1A1413; --cinza:#6E625C; --linha:#E2D8CB;
  --zap:#25D366; --ifood:#EA1D2C;
  --disp:"Pacaembu","Inter Tight",system-ui,sans-serif; --sans:"Pacaembu","Inter Tight",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1); --r:28px;
  --c3:var(--manteiga); --p2:var(--brasa);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--massa);color:var(--tinta);font:400 16px/1.55 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--brasa);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
section{position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- tipografia ---------- */
.eb{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta);background:var(--papel);border:1px solid var(--linha);padding:7px 11px 7px 9px;border-radius:99px}
.eb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brasa);box-shadow:0 0 0 3px rgba(255,90,42,.16)}
.eb.dk{background:rgba(255,244,236,.06);border-color:rgba(255,244,236,.14);color:#FBE9DC}
.h2{font:600 clamp(31px,4vw,54px)/1.04 var(--disp);letter-spacing:-.03em;margin:18px 0 0;text-wrap:balance}
.h2 .c{color:var(--brasa)}
.dk .h2 .c,.h2.dk .c{color:var(--manteiga)}
.lead{font-size:clamp(16px,1.35vw,18.5px);color:var(--cinza);max-width:56ch;margin:18px 0 0;text-wrap:pretty}
.ctr{text-align:center}.ctr .lead{margin-inline:auto}
.mono{font-family:var(--mono)}
.hl{background:var(--manteiga);color:var(--tinta);border-radius:.18em;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* revelação de título: palavra por palavra, sem desfoque */
.rv .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.rv .wd>span{display:inline-block;transform:none;transition:transform .9s var(--ease)}
.rv.in .wd>span{transform:none}
.up{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .9s var(--ease)}
.up.in{opacity:1;transform:none}

/* ---------- botão padrão (estrelas + bloco de pontos) ---------- */
.bk{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:fit-content;color:#fff;font:600 15px var(--sans);letter-spacing:-.01em;padding:17px 26px 17px 92px;border-radius:14px;background:#2c1a17;transition:padding .5s var(--ease),transform .4s var(--ease);white-space:nowrap;cursor:pointer;border:0;text-decoration:none}
.bk::before{content:"";position:absolute;left:50%;top:50%;width:max(420px,180%);aspect-ratio:1;z-index:-2;background:conic-gradient(from 0deg,transparent 0 62%,var(--c3) 74%,#fff 78%,var(--p2) 84%,transparent 92%);transform:translate(-50%,-50%) rotate(0deg);animation:bkspin 3.6s linear infinite}
.bk::after{content:"";position:absolute;inset:1.5px;z-index:-1;border-radius:12.5px;background:#170807 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='6' cy='8' r='.7' fill='%23fff' opacity='.45'/%3E%3Ccircle cx='29' cy='23' r='.55' fill='%23fff' opacity='.35'/%3E%3Ccircle cx='17' cy='33' r='.6' fill='%23fff' opacity='.3'/%3E%3C/svg%3E") 0 0/34px repeat}
@keyframes bkspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.bk .ar2{position:absolute;left:4px;top:4px;bottom:4px;width:72px;border-radius:10.5px;background:linear-gradient(180deg,var(--manteiga2),var(--manteiga));box-shadow:inset 0 0 8px 1px #fff3c4;display:grid;place-items:center;transition:left .5s var(--ease)}
.bk .ar2 svg{width:15px;height:18px;overflow:visible}
.bk .ar2 circle{fill:#5a3a00;opacity:.2;animation:dotw 1.4s ease-in-out infinite}
.bk .ar2 circle:nth-child(1),.bk .ar2 circle:nth-child(9){animation-delay:0s}.bk .ar2 circle:nth-child(2),.bk .ar2 circle:nth-child(10){animation-delay:.12s}
.bk .ar2 circle:nth-child(3),.bk .ar2 circle:nth-child(7){animation-delay:.24s}.bk .ar2 circle:nth-child(4),.bk .ar2 circle:nth-child(8){animation-delay:.36s}
.bk .ar2 circle:nth-child(5){animation-delay:.48s}.bk .ar2 circle:nth-child(6){animation-delay:.6s}
@keyframes dotw{0%,100%{opacity:.2}50%{opacity:1}}
.bk:hover{padding:17px 92px 17px 26px}
.bk:hover .ar2{left:calc(100% - 76px)}
.bk:hover .ar2 circle{animation-duration:.7s}
.bk.sm{font-size:13.5px;padding:11px 16px 11px 60px;border-radius:99px}
.bk.sm::after{border-radius:99px}
.bk.sm .ar2{width:46px;border-radius:99px;left:3px;top:3px;bottom:3px}
.bk.sm .ar2 svg{width:11px;height:13px}
.bk.sm:hover{padding:11px 60px 11px 16px}.bk.sm:hover .ar2{left:calc(100% - 49px)}
.bk.full{width:100%}

/* ---------- header ---------- */
.hdr{position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);width:min(1060px,calc(100% - 24px));display:flex;align-items:center;gap:20px;padding:8px 8px 8px 18px;border-radius:99px;background:rgba(30,10,12,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,236,222,.1);color:#FBE9DC;transition:width .6s var(--ease),top .5s var(--ease),background .4s}
.hdr.sc{width:min(960px,calc(100% - 24px));top:10px;background:rgba(30,10,12,.8)}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:700 21px/1 var(--disp);letter-spacing:-.045em}
.logo svg{width:28px;height:28px;flex:none}
.hdr nav{display:flex;gap:4px;margin-left:auto}
.hdr nav a{white-space:nowrap;font:500 13.5px var(--sans);text-decoration:none;padding:8px 12px;border-radius:99px;color:rgba(251,233,220,.78);transition:background .3s,color .3s}
.hdr nav a:hover{background:rgba(255,244,236,.08);color:#fff}
@media(max-width:860px){.hdr nav{display:none}.hdr .bk{margin-left:auto}}

/* ---------- HERO ---------- */
.hero{padding:10px 10px 0}
.hcard{position:relative;border-radius:34px;overflow:hidden;background:var(--forno);color:#FBE9DC;padding:150px 0 0;isolation:isolate}
.hcard::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 46% at 50% 0%,rgba(122,22,34,.75),transparent 70%),
  radial-gradient(40% 30% at 50% 78%,rgba(255,90,42,.22),transparent 70%),
  linear-gradient(180deg,#240C0F 0%,#1A0809 60%,#160607 100%)}
/* azulejo de metrô bem fraco ao fundo */
.hcard::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background:
  repeating-linear-gradient(0deg,rgba(255,220,200,.07) 0 1px,transparent 1px 46px),
  repeating-linear-gradient(90deg,rgba(255,220,200,.05) 0 1px,transparent 1px 92px);
  -webkit-mask:radial-gradient(70% 60% at 50% 32%,#000,transparent 75%);mask:radial-gradient(70% 60% at 50% 32%,#000,transparent 75%)}
.hin{text-align:center;position:relative;z-index:2}
.h1{font:700 clamp(50px,8.6vw,122px)/.96 var(--disp);letter-spacing:-.045em;margin:26px auto 0;max-width:12ch}
.h1 .ln{display:block}
.h1 .ch{display:inline-block;transition:transform .9s var(--ease),opacity .7s var(--ease)}
.h1.in .ch{transform:none;opacity:1}
.h1 .hpl{display:inline-block;position:relative;padding:0 .12em .04em;margin-left:.02em}
.h1 .hpl::before{content:"";position:absolute;inset:.1em -.02em -.02em;background:var(--manteiga);border-radius:.16em;z-index:-1;transform:none;transform-origin:left;transition:transform 1s var(--ease) .9s}
.h1.in .hpl::before{transform:none}
.h1 .hpl .ch{color:var(--tinta)}
.hsub{font-size:clamp(16.5px,1.5vw,20px);color:#F6E3D6;max-width:44ch;margin:24px auto 0;text-wrap:balance}
.hcta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:34px}
.hnote{display:inline-flex;align-items:center;gap:8px;font:500 13.5px var(--sans);color:rgba(251,233,220,.82)}
.hnote svg{width:15px;height:15px;opacity:.8}
/* etiquetas de vidro paradas */
.gtag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,244,236,.08);border:1px solid rgba(255,244,236,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:500 13px/1.25 var(--sans);color:#FBE9DC;transform:rotate(var(--rot));opacity:0;transition:opacity 1s var(--ease) 1.4s}
.hcard.in .gtag{opacity:1}
.gtag i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font:700 12px var(--sans);color:#fff}
.gtag small{display:block;font:500 10.5px var(--mono);letter-spacing:.06em;color:rgba(251,233,220,.78);text-transform:uppercase}
.gtag.t1{left:6%;top:300px;--rot:-6deg}.gtag.t2{right:6%;top:250px;--rot:5deg}
@media(max-width:980px){.gtag{display:none}}

/* placar (painel do produto) */
.stage{position:relative;width:min(1080px,94%);margin:70px auto 0;z-index:2}
.mlight{position:absolute;left:18px;right:18px;top:-61px;height:122px;z-index:6;pointer-events:none}
.mlight i{position:absolute;left:50%;transform:translateX(-50%)}
.mlight .band{top:-6px;width:88%;height:134px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,170,90,.6),rgba(255,90,42,.26) 45%,transparent 72%);filter:blur(16px);opacity:var(--mo,0);transition:opacity 1.4s}
.mlight .line{top:60px;height:2.5px;width:var(--mw,0%);max-width:100%;background:linear-gradient(90deg,rgba(255,200,140,.8),#fff4e0 38%,#fff 50%,#fff4e0 62%,rgba(255,200,140,.8));-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px rgba(255,190,120,.95)) drop-shadow(0 0 30px rgba(255,110,50,.8));transition:width 1.4s var(--ease)}
.mlight .hot{top:61px;width:230px;height:26px;margin-top:-13px;border-radius:50%;background:radial-gradient(closest-side,#fff,#fff 25%,rgba(255,236,210,.9) 45%,rgba(255,150,80,.5) 70%,transparent);filter:blur(3px);opacity:var(--mo,0);transition:opacity 1s .6s;animation:hotp 3.6s ease-in-out infinite}
.mlight .hot::after{content:"";position:absolute;left:50%;top:50%;width:620px;height:110px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,210,170,.55),rgba(255,110,50,.22) 55%,transparent);filter:blur(12px)}
@keyframes hotp{50%{transform:translateX(-50%) scaleX(1.12);filter:blur(4px) brightness(1.15)}}

.board{position:relative;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#5C1119 0%,#460D14 46%,#330A0F 100%);border:1px solid rgba(255,214,190,.16);border-bottom:0;padding:22px 22px 26px;color:#FFF4EC;transform:translateY(var(--by,40px)) scale(var(--bs,.97));transform-origin:50% 0;box-shadow:0 -30px 80px -30px rgba(255,90,42,.35);overflow:hidden}
.board::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 0%,rgba(255,180,120,.12),transparent 70%);pointer-events:none}
.bhd{display:flex;align-items:center;gap:14px;position:relative}
.bhd .bl{display:flex;align-items:center;gap:10px}
.bhd .bl .logo{font-size:15px}.bhd .bl .logo svg{width:22px;height:22px}
.bhd .ttl{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,244,236,.7);padding-left:12px;border-left:1px solid rgba(255,244,236,.14)}
.bhd .live{margin-left:auto;display:flex;align-items:center;gap:8px;font:600 11px var(--mono);letter-spacing:.1em;color:#FFD9C7;text-transform:uppercase}
.bhd .live i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.bgrid{display:grid;grid-template-columns:1fr 290px;gap:18px;margin-top:18px;position:relative}
.bmain{background:rgba(20,4,6,.32);border:1px solid rgba(255,214,190,.1);border-radius:18px;padding:18px}
.btop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.btop h3{margin:0;font:800 clamp(26px,3.2vw,40px)/1 var(--disp);letter-spacing:-.04em}
.btop h3 small{display:block;font:500 12px var(--sans);letter-spacing:0;color:rgba(255,244,236,.75);margin-top:6px}
.tot{font:800 clamp(28px,3.3vw,42px)/1 var(--disp);color:#2A0F10;background:var(--manteiga);padding:6px 14px 7px;border-radius:12px;letter-spacing:-.03em;min-width:2.6em;text-align:center;font-variant-numeric:tabular-nums;transition:transform .3s var(--ease)}
.tot.bump{transform:scale(1.08)}
.chans{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.chan{display:inline-flex;align-items:center;gap:6px;font:600 11.5px var(--mono);padding:5px 9px;border-radius:99px;background:rgba(255,244,236,.07);border:1px solid rgba(255,244,236,.1);color:#FFE7D8;transition:background .3s,border-color .3s}
.chan b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.chan i{width:7px;height:7px;border-radius:50%;background:var(--cc)}
.chan.ping{background:rgba(255,210,74,.2);border-color:rgba(255,210,74,.6)}
.zig{height:9px;margin:14px 0 12px;background:linear-gradient(135deg,transparent 33%,var(--manteiga) 33% 50%,transparent 50% 83%,var(--manteiga) 83%) 0 0/12px 9px repeat-x;opacity:.75}
.flv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fv{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px;border-radius:13px;background:rgba(255,244,236,.05);border:1px solid rgba(255,244,236,.07);transition:background .4s,border-color .4s}
.fv img{grid-row:span 2;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#3a1a14}
.fv .n{font:800 30px/.9 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fv .s{font:500 11.5px/1.15 var(--sans);color:rgba(255,244,236,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fv .plus{position:absolute;right:9px;top:8px;font:700 12px var(--mono);color:var(--manteiga);opacity:0;transform:translateY(6px)}
.fv.hit{background:rgba(255,210,74,.14);border-color:rgba(255,210,74,.45)}
.fv.hit .plus{animation:plusUp 1.2s var(--ease)}
@keyframes plusUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.fv.done{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.45)}
.fv.enc{grid-template-columns:1fr;align-content:center;background:repeating-linear-gradient(135deg,rgba(255,244,236,.04) 0 8px,transparent 8px 16px);border-style:dashed}
.fv.enc .s{white-space:normal}
.bfoot{display:flex;align-items:center;gap:12px;margin-top:14px}
.assei{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;background:var(--manteiga);color:#2A0F10;font:700 14px var(--sans);cursor:default;transition:transform .25s var(--ease),background .3s}
.assei.press{transform:scale(.94);background:#FFE58A}
.assei svg{width:16px;height:16px}
.bfoot small{font:500 12px var(--sans);color:rgba(255,244,236,.75)}
.feed{background:rgba(20,4,6,.32);border:1px solid rgba(255,214,190,.1);border-radius:18px;padding:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.feed h4{margin:0 0 10px;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,244,236,.75);display:flex;justify-content:space-between}
.feed ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;position:relative}
.feed li{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,244,236,.06);border:1px solid rgba(255,244,236,.07);font:500 12.5px/1.25 var(--sans);animation:feedIn .6s var(--ease)}
.feed li i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:700 10px var(--mono);color:#fff;background:var(--cc)}
.feed li small{display:block;color:rgba(255,244,236,.7);font:500 10.5px var(--mono);margin-top:2px}
@keyframes feedIn{from{opacity:0;transform:translateY(-14px) scale(.97)}}
.toast{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.9);z-index:5;background:#16A34A;color:#fff;font:700 15px var(--sans);padding:12px 18px;border-radius:14px;display:flex;align-items:center;gap:9px;opacity:0;pointer-events:none;transition:opacity .4s,transform .5s var(--ease);white-space:nowrap}
.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:900px){.bgrid{grid-template-columns:1fr}.feed{display:none}.flv{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .hcard{padding-top:118px;border-radius:26px}
  .board{padding:14px 12px 16px;border-radius:18px 18px 0 0}
  .bmain{padding:12px}
  .bhd .ttl{display:none}
  .fv{padding:8px;gap:6px}.fv img{width:34px;height:34px}.fv .n{font-size:24px}.fv .s{font-size:10.5px}
  .chan{font-size:10.5px;padding:4px 7px}
  .bfoot small{display:none}
  .stage{margin-top:48px;width:calc(100% - 20px)}
}

/* ---------- ORIGEM ---------- */
.orig{padding:130px 0 40px}
.og{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.facts{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--linha)}
.fact{display:grid;grid-template-columns:108px 1fr;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--linha)}
.fact b{font:700 34px/1 var(--disp);letter-spacing:-.04em;color:var(--bordo);font-variant-numeric:tabular-nums}
.fact span{color:var(--cinza);font-size:15.5px}
.quotes{display:grid;gap:12px;margin-top:28px}
.qt{background:var(--papel);border:1px solid var(--linha);border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.qt img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 22%}
.qt .av{width:46px;height:46px;border-radius:50%;background:var(--bordo);display:grid;place-items:center;color:#FFE7D8;font:700 16px var(--disp)}
.qt p{margin:0;font:500 16.5px/1.35 var(--sans);color:var(--tinta)}
.qt small{display:block;margin-top:4px;font:500 11px var(--mono);letter-spacing:.06em;color:var(--cinza);text-transform:uppercase}
.phwrap{position:relative;display:grid;place-items:center;padding:20px 0}
.phwrap::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,210,74,.55),rgba(255,90,42,.18) 60%,transparent);filter:blur(10px)}
.rph{position:relative;width:min(330px,78%);aspect-ratio:684/1340;transform:perspective(1400px) rotateY(var(--ry,-8deg)) rotateX(var(--rx,2deg)) rotate(-2deg);transition:transform .6s var(--ease)}
.rph::after{content:"";position:absolute;left:8%;right:8%;bottom:-5%;height:12%;background:radial-gradient(closest-side,rgba(40,10,10,.45),transparent);filter:blur(10px);z-index:-1}
.rph>img{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.rph .scr{position:absolute;left:4.53%;top:1.87%;width:90.94%;height:96.27%;border-radius:12.5%/6.4%;overflow:hidden;background:#000;z-index:3}
.rph .scr img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.dm{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;width:min(250px,64%);padding:10px 13px;border-radius:16px;background:rgba(255,253,249,.82);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.7);font:500 13px/1.3 var(--sans);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.dm.show{opacity:1;transform:none}
.dm i{width:30px;height:30px;border-radius:9px;flex:none;background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF);display:grid;place-items:center}
.dm i svg{width:16px;height:16px}
.dm b{display:flex;justify-content:space-between;font-size:11px;color:var(--cinza);font-weight:500}
.dm.d1{left:-4%;top:16%}.dm.d2{right:-6%;top:44%}.dm.d3{left:2%;bottom:14%}
@media(max-width:900px){.og{grid-template-columns:1fr;gap:30px}.orig{padding-top:90px}.dm.d1{left:0}.dm.d2{right:0}}

/* ---------- DOR (cards empilhando) ---------- */
.dor{padding:120px 0 40px}
.dg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.dg .stk{position:sticky;top:130px}
.cards{display:grid;gap:22px;padding-bottom:40px}
.dc{position:sticky;top:calc(120px + var(--i)*16px);min-height:360px;border-radius:26px;background:var(--papel);border:1px solid var(--linha);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transform-origin:50% 0;transform:scale(var(--sc,1));transition:transform .2s linear}
.dc .tx{padding:30px 28px;display:flex;flex-direction:column}
.dc .tx::after{content:"";margin-top:auto}
.dc .nb{font:600 12px var(--mono);letter-spacing:.1em;color:var(--brasa)}
.dc h3{font:600 clamp(23px,2.1vw,29px)/1.08 var(--disp);letter-spacing:-.025em;margin:18px 0 12px}
.dc p{margin:0;color:var(--cinza);font-size:15.5px}
.dc .il{position:relative;background:var(--massa2);overflow:hidden}
.dc.dkc{background:var(--forno);color:#FBE9DC;border-color:#3a1518}.dc.dkc p{color:rgba(251,233,220,.7)}.dc.dkc .il{background:#2A0F12}
@media(max-width:900px){.dg{grid-template-columns:1fr;gap:28px}.dg .stk{position:static}.dc{grid-template-columns:1fr;top:calc(80px + var(--i)*12px);min-height:0}.dc .il{height:220px;order:-1}.dc h3{margin-top:18px}}
/* ilustrações das dores */
.il1{display:grid;place-items:center}
.nt{position:absolute;left:50%;width:78%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--linha);font:500 13px/1.25 var(--sans);transform:translate(-50%,0) rotate(var(--r));animation:ntJig 3.2s ease-in-out infinite;animation-delay:var(--d)}
.nt i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:700 10px var(--mono);color:#fff;flex:none;background:var(--cc)}
.nt b{margin-left:auto;font:700 11px var(--mono);background:var(--brasa);color:#fff;border-radius:99px;padding:2px 7px}
.nt small{display:block;color:var(--cinza);font-size:11px}
@keyframes ntJig{0%,100%{transform:translate(-50%,0) rotate(var(--r))}50%{transform:translate(-50%,-4px) rotate(calc(var(--r) * -1))}}
.il2{background:#FFF9E8!important;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(80,120,200,.22) 31px 32px)!important}
.il2::before{content:"";position:absolute;left:46px;top:0;bottom:0;width:2px;background:rgba(220,60,60,.35)}
.hand{position:absolute;left:62px;right:18px;top:20px;font:600 22px/32px "Caveat",cursive;color:#2B3A67}
.hand div{position:relative;white-space:nowrap}
.hand s{text-decoration:none;position:relative;color:#7a7f95}
.hand s::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:2.5px;background:#C02A2A;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.dc.in .hand s::after{transform:none}
.hand .q{color:#C02A2A}
.il3{padding:26px 22px}
.cal{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:100%;align-items:end;position:relative;padding-top:30px}
.cal .d{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.cal .bar{width:100%;max-width:38px;border-radius:9px 9px 4px 4px;background:var(--linha);position:relative;height:150px;overflow:visible}
.cal .bar i{position:absolute;left:0;right:0;bottom:0;border-radius:9px 9px 4px 4px;background:var(--bordo);height:0;transition:height 1.4s var(--ease)}
.cal .d.over .bar i{background:var(--brasa)}
.cal .d small{font:600 11px var(--mono);color:var(--cinza)}
.cal .cap{position:absolute;left:0;right:0;top:calc(30px + 150px * 0 + 0px);border-top:2px dashed rgba(26,20,19,.35)}
.cal .cap span{position:absolute;right:0;top:-22px;font:600 10.5px var(--mono);color:var(--cinza)}
.cal .boom{position:absolute;top:2px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 11px var(--mono);background:var(--brasa);color:#fff;border-radius:99px;padding:3px 8px;opacity:0;transition:opacity .4s 1.2s}
.dc.in .cal .boom{opacity:1}
.il4{display:grid;place-items:center}
.rcp{width:62%;background:#fff;padding:18px 18px 26px;font:500 12.5px/1.9 var(--mono);color:#3a3330;position:relative;transform:rotate(-3deg);-webkit-mask:linear-gradient(#000 calc(100% - 10px),transparent 0),conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x;mask:linear-gradient(#000 calc(100% - 10px),transparent 0),conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x}
.rcp div{display:flex;justify-content:space-between;border-bottom:1px dotted #d6cbbd}
.rcp .tt{margin-top:8px;font-weight:700;color:var(--tinta);border:0;font-size:14px}
.rcp .tt b{color:var(--brasa);animation:blinkq 1.2s steps(2) infinite}
@keyframes blinkq{50%{opacity:.25}}
.mq{overflow:hidden;border-block:1px solid var(--linha);padding:14px 0;margin-top:30px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq .tr{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq span{font:600 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bordo);padding-right:28px;white-space:nowrap}
.mq span::after{content:"✦";color:var(--brasa);margin-left:28px}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- ANTES x DEPOIS ---------- */
.ad{padding:110px 0 40px}
.cmp{position:relative;margin-top:44px;border-radius:30px;overflow:hidden;aspect-ratio:16/9;background:#FFF8EA;border:1px solid var(--linha);user-select:none;touch-action:pan-y;--p:50%}
.cmp .side{position:absolute;inset:0}
.cmp .aft{clip-path:inset(0 0 0 var(--p));background:linear-gradient(180deg,#5C1119,#330A0F)}
.cmp .lbl{position:absolute;top:18px;z-index:4;font:700 11px var(--mono);letter-spacing:.14em;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--tinta)}
.cmp .lbl.l{left:18px}.cmp .lbl.r{right:18px;background:var(--manteiga)}
.hdl{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;z-index:5;cursor:ew-resize}
.hdl::before{content:"";position:absolute;inset:0 -18px}
.hdl b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid var(--linha)}
.hdl b svg{width:24px;height:24px}
/* caos */
.bef{background:#FFF8EA;background-image:radial-gradient(rgba(90,15,23,.06) 1px,transparent 1px);background-size:18px 18px}
.bef .pz{position:absolute;transform:rotate(var(--r,0deg))}
.zapb{background:#DCF8C6;border-radius:14px 14px 14px 4px;padding:9px 12px;font:500 clamp(10px,1.15vw,14px)/1.3 var(--sans);color:#111;max-width:30%;border:1px solid rgba(0,0,0,.05)}
.zapb small{display:block;font-size:.75em;color:#58705a;text-align:right;margin-top:2px}
.zapb.w{background:#fff}
.cad{background:#FFFDF2;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(80,120,200,.25) 23px 24px);padding:12px 16px 14px 34px;border-radius:4px;font:600 clamp(13px,1.6vw,21px)/24px "Caveat",cursive;color:#23366b;width:34%;border-left:2px solid rgba(220,60,60,.35)}
.pst{background:#FFE36B;padding:12px 14px;font:700 clamp(13px,1.6vw,22px)/1.1 "Caveat",cursive;color:#5a3a00;width:17%;aspect-ratio:1}
.cmd{background:#fff;padding:10px 12px;font:500 clamp(9px,.9vw,12px)/1.5 var(--mono);color:#333;width:17%;border-top:3px solid var(--ifood)}
.cmd b{display:block;color:var(--ifood);font-size:1.1em}
.ring{display:flex;align-items:center;gap:8px;background:#1a1a1a;color:#fff;border-radius:99px;padding:8px 14px 8px 8px;font:600 clamp(10px,1vw,13px) var(--sans)}
.ring i{width:28px;height:28px;border-radius:50%;background:#22C55E;display:grid;place-items:center;animation:ringk .5s ease-in-out infinite alternate}
@keyframes ringk{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
/* depois: mini placar */
.mini{position:absolute;inset:7% 6%;display:grid;grid-template-columns:1.4fr 1fr;gap:3%;color:#FFF4EC;container-type:inline-size}
.mini .mb{background:rgba(20,4,6,.35);border:1px solid rgba(255,214,190,.12);border-radius:16px;padding:4% 5%;display:flex;flex-direction:column}
.mini h5{margin:0;font:800 clamp(16px,2.6vw,34px)/1 var(--disp);letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center}
.mini h5 em{font-style:normal;background:var(--manteiga);color:#2A0F10;border-radius:9px;padding:2px 10px}
.mini .ms{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:auto}
.mini .ms div{display:flex;align-items:center;gap:8px;background:rgba(255,244,236,.06);border-radius:10px;padding:6px 8px;font:500 clamp(9px,1vw,13px) var(--sans)}
.mini .ms img{width:clamp(18px,2.4vw,32px);aspect-ratio:1;border-radius:50%;object-fit:cover}
.mini .ms b{font:800 clamp(14px,1.9vw,24px)/1 var(--disp);margin-right:2px}
.mini .ol{display:flex;flex-direction:column;gap:6px}
.mini .ol div{display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(255,244,236,.06);border-radius:10px;padding:6px 9px;font:500 clamp(9px,.95vw,12.5px) var(--sans)}
.mini .ol em{font:600 .85em var(--mono);font-style:normal;padding:2px 6px;border-radius:99px;background:rgba(74,222,128,.18);color:#86efac}
.mini .ol em.w{background:rgba(255,210,74,.18);color:var(--manteiga)}
.mini .ol h6{margin:0 0 2px;font:700 clamp(8px,.8vw,11px) var(--mono);letter-spacing:.12em;color:rgba(255,244,236,.5)}
.cmphint{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:16px;font:500 13px var(--sans);color:var(--cinza)}
@media(max-width:760px){.cmp{aspect-ratio:3/4}
  .mini{grid-template-columns:1fr;inset:12% 6% 5%}.mini .ol{display:none}
  .zapb{max-width:58%}.cad{width:66%}.pst{width:34%}.cmd{width:40%}}

/* ---------- BENTO ---------- */
.bt{padding:120px 0 40px}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:48px}
.bx{position:relative;border-radius:24px;background:var(--papel);border:1px solid var(--linha);overflow:hidden;display:flex;flex-direction:column;min-height:400px;transition:transform .5s var(--ease),border-color .4s}
.bx:hover{transform:translateY(-4px);border-color:#d9c3ad}
.bx:not(.ph):not(.dkb) .vw::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(90,15,23,.13) 1px,transparent 1.3px);background-size:16px 16px;-webkit-mask:radial-gradient(75% 70% at 50% 45%,#000 30%,transparent 80%);mask:radial-gradient(75% 70% at 50% 45%,#000 30%,transparent 80%);pointer-events:none}
.bx.s3{grid-column:span 3}.bx.s2{grid-column:span 2}.bx.s4{grid-column:span 4;min-height:0}.bx.s6{grid-column:span 6;min-height:0}
.bx .tg{position:absolute;top:16px;left:18px;z-index:3;font:600 10.5px var(--mono);letter-spacing:.14em;color:var(--cinza);text-transform:uppercase}
.bx .vw{position:relative;flex:1;min-height:250px}
.bx .cp{padding:0 22px 22px;position:relative;z-index:2}
.bx .cp h3{margin:0;font:600 21px/1.12 var(--disp);letter-spacing:-.025em}
.bx .cp p{margin:6px 0 0;color:var(--cinza);font-size:14.5px;line-height:1.45}
.bx.ph{background:#2a1410;color:#fff;border-color:#2a1410}
.bx.ph .tg{color:rgba(255,255,255,.75)}.bx.ph .cp p{color:rgba(255,255,255,.74)}
.bx.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 78%;transition:transform 1.2s var(--ease)}
.bx.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 30%,transparent 45%,rgba(20,6,6,.88) 100%);z-index:1}
.bx.ph:hover>img{transform:scale(1.05)}
.bx.dkb{background:var(--forno);color:#FBE9DC;border-color:#3a1518}.bx.dkb .tg{color:rgba(251,233,220,.55)}.bx.dkb .cp p{color:rgba(251,233,220,.68)}
@media(max-width:960px){.bx.s3,.bx.s2,.bx.s4{grid-column:span 6}.bx{min-height:360px}}
/* A: canais → hub */
.flow{position:absolute;inset:44px 14px 6px}
.flow svg{width:100%;height:100%;overflow:visible}
.flow .pth{fill:none;stroke:var(--linha);stroke-width:1.6}
.flow .pth.hi{stroke:url(#gr)}
.node{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:12px;background:#fff;border:1px solid var(--linha);font:600 12.5px var(--sans);transform:translate(0,-50%);white-space:nowrap}
.node em{font:700 10.5px var(--mono);font-style:normal;margin-left:2px;padding:2px 6px;border-radius:99px;background:var(--massa2);color:var(--tinta);transition:background .3s}
.node em.ping{background:var(--manteiga)}
.node i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff;font:700 10px var(--mono);background:var(--cc)}
.hub{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:22px;background:var(--forno);display:grid;place-items:center}
.hub::before,.hub::after{content:"";position:absolute;inset:-10px;border-radius:30px;border:1.5px solid rgba(255,90,42,.4);animation:hubp 2.4s ease-out infinite}
.hub::after{animation-delay:1.2s}
@keyframes hubp{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.hub svg{width:38px;height:38px}
.outb{position:absolute;right:4%;top:50%;transform:translateY(-50%);text-align:center;background:var(--bordo);color:#fff;border-radius:16px;padding:10px 12px}
.outb b{display:block;font:800 30px/1 var(--disp);letter-spacing:-.04em;color:var(--manteiga);font-variant-numeric:tabular-nums}
.outb small{font:600 10px var(--mono);letter-spacing:.1em;opacity:.75}
/* B: colar do WhatsApp */
.paste{position:absolute;inset:48px 18px 8px;display:grid;grid-template-columns:1fr 26px 1fr;gap:10px;align-items:center}
.paste .zp{background:#E7FFDB;border:1px solid #cfeec0;border-radius:16px 16px 16px 4px;padding:12px;font:500 13.5px/1.42 var(--sans);color:#14240f;min-height:118px}
.paste .zp small{display:block;color:#5d7a52;font:500 10.5px var(--mono);margin-bottom:5px}
.paste .zp .cur{display:inline-block;width:2px;height:1em;background:#14240f;vertical-align:-2px;animation:blinkq .8s steps(2) infinite}
.paste .arw{width:26px;height:26px;border-radius:50%;background:var(--manteiga);display:grid;place-items:center;font-weight:700}
.ord{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:12px;font:500 12.5px/1.35 var(--sans)}
.ord h6{margin:0 0 8px;font:700 10.5px var(--mono);letter-spacing:.1em;color:var(--cinza);display:flex;justify-content:space-between}
.ord .rw{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed var(--linha);opacity:0;transform:translateX(8px);transition:opacity .4s,transform .5s var(--ease)}
.ord .rw.on{opacity:1;transform:none}
.ord .rw:last-child{border:0}
.ord .rw em{font-style:normal;font:600 10.5px var(--mono);padding:2px 7px;border-radius:99px;background:#FFF1C2;color:#8a5a00}
@media(max-width:560px){.paste{grid-template-columns:1fr;grid-template-rows:auto auto auto;inset:44px 14px 8px}.paste .arw{justify-self:center;transform:rotate(90deg)}.paste .zp{min-height:0}.bx.s3.paste-box{min-height:520px}}
/* C: foto + assei */
.ovl{position:absolute;left:18px;right:18px;bottom:96px;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ovl .assei{cursor:pointer}
.ovl .ok{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(22,163,74,.92);font:600 13px var(--sans);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s var(--ease)}
.bx.ph.on .ovl .ok{opacity:1;transform:none}
/* D: agenda da páscoa */
.agd{position:absolute;inset:50px 18px 6px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end}
.agd .d{display:flex;flex-direction:column;align-items:center;gap:6px}
.agd .tb{width:100%;height:150px;border-radius:10px;background:var(--massa2);position:relative;overflow:hidden}
.agd .tb i{position:absolute;left:0;right:0;bottom:0;background:var(--bordo);height:0;transition:height 1.6s var(--ease)}
.agd .d.full .tb i{background:var(--brasa)}
.agd .d small{font:600 10.5px var(--mono);color:var(--cinza)}
.agd .d b{font:700 11px var(--mono);color:var(--tinta)}
.agd .lock{position:absolute;left:50%;top:14px;transform:translateX(-50%);font:700 10px var(--mono);background:var(--tinta);color:#fff;padding:3px 7px;border-radius:99px;opacity:0;white-space:nowrap;transition:opacity .4s}
.agd .d.full .lock{opacity:1}
/* E: etiqueta */
.prn{position:absolute;left:50%;top:56px;transform:translateX(-50%);width:200px}
.prn .bodyp{height:46px;border-radius:14px 14px 8px 8px;background:#2b2523;position:relative;z-index:2}
.prn .bodyp::after{content:"";position:absolute;left:22px;right:22px;bottom:9px;height:5px;border-radius:3px;background:#0e0b0a}
.prn .bodyp i{position:absolute;right:16px;top:12px;width:8px;height:8px;border-radius:50%;background:#4ADE80}
.lab{width:160px;margin:-6px auto 0;background:#fff;border:1px solid var(--linha);border-radius:0 0 6px 6px;padding:10px 12px;font:500 11px/1.35 var(--mono);color:#222;transform:translateY(-100%);clip-path:inset(0 0 0 0);animation:none}
.bx.in .lab{animation:print 3.6s var(--ease) infinite}
@keyframes print{0%{transform:translateY(-100%);opacity:1}28%{transform:translateY(0)}82%{transform:translateY(0);opacity:1}94%{transform:translateY(0);opacity:0}100%{transform:translateY(-100%);opacity:0}}
.lab b{display:block;font-size:13px}
.lab .bc{height:26px;margin:7px 0 4px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 8px,#111 8px 11px,transparent 11px 12px)}
.trk{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 11px;border-radius:99px;background:#E9F9EE;color:#166534;font:600 12px var(--sans);border:1px solid #bfe8cb}
.prnwrap{position:absolute;inset:0;overflow:hidden}
.prnwrap .lbx{position:absolute;left:50%;top:96px;transform:translateX(-50%);overflow:hidden;width:180px;height:130px}
/* F: bom dia 7h */
.bd{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:56px 22px 22px;align-items:center}
.bd .msg{background:#0B141A;border-radius:20px;padding:16px;color:#e9edef;font:500 14.5px/1.45 var(--sans)}
.bd .msg .hd{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:600 13px var(--sans)}
.bd .msg .hd i{width:30px;height:30px;border-radius:50%;background:var(--forno);display:grid;place-items:center}
.bd .msg .hd i svg{width:18px;height:18px}
.bd .msg .hd small{display:block;color:#8696a0;font-weight:400;font-size:11px}
.bd .bb{background:#202C33;border-radius:4px 14px 14px 14px;padding:10px 12px;min-height:76px}
.bd .bb small{display:block;text-align:right;color:#8696a0;font-size:10.5px;margin-top:4px}
.ins{display:grid;gap:8px}
.in1{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:12px 12px 12px 14px;border-radius:16px;background:#fff;border:1px solid var(--linha);opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.bx.in .in1{opacity:1;transform:none}
.bx.in .in1:nth-child(2){transition-delay:.15s}.bx.in .in1:nth-child(3){transition-delay:.3s}
.in1 .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--cc);color:#fff}
.in1 .ic svg{width:18px;height:18px}
.in1 b{display:block;font:600 14.5px/1.25 var(--sans)}
.in1 small{color:var(--cinza);font-size:12.5px}
.in1 button{grid-column:2;justify-self:start;margin-top:6px;border:0;border-radius:9px;padding:7px 11px;font:600 12px var(--sans);background:var(--tinta);color:#fff;cursor:pointer;white-space:nowrap;transition:background .3s}
.in1 button:hover{background:var(--brasa)}
@media(max-width:860px){.bd{grid-template-columns:1fr}}

/* ---------- PAREDE (tablet) ---------- */
.par{padding:120px 0 40px}
.wall{position:relative;margin-top:44px;border-radius:30px;overflow:hidden;aspect-ratio:1672/941;background:#5a1a16}
.wall>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tscr{position:absolute;left:24.62%;top:11.6%;width:50.85%;height:55.6%;border-radius:1.1%/2%;overflow:hidden;background:#000;container-type:inline-size}
.tscr .pane{position:absolute;inset:0;padding:3.2cqw 3.6cqw;color:#FFF4EC;background:linear-gradient(180deg,#5C1119,#330A0F);opacity:0;transition:opacity .6s var(--ease);display:flex;flex-direction:column}
.tscr .pane.on{opacity:1}
.tscr .th{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.tscr .th h4{margin:0;font:800 5.6cqw/1 var(--disp);letter-spacing:-.04em}
.tscr .th h4 small{display:block;font:500 1.6cqw var(--sans);letter-spacing:0;color:rgba(255,244,236,.55);margin-top:.8cqw}
.tscr .th em{font:800 5.4cqw/1 var(--disp);font-style:normal;color:#2A0F10;background:var(--manteiga);padding:.6cqw 1.8cqw;border-radius:1.4cqw;font-variant-numeric:tabular-nums}
.tscr .zz{height:1.2cqw;margin:2.2cqw 0 2cqw;background:linear-gradient(135deg,transparent 33%,var(--manteiga) 33% 50%,transparent 50% 83%,var(--manteiga) 83%) 0 0/1.6cqw 1.2cqw repeat-x;opacity:.75}
.tscr .tf{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw;flex:1}
.tscr .tf div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1.2cqw;background:rgba(255,244,236,.06);border-radius:1.6cqw;padding:1.2cqw}
.tscr .tf img{grid-row:span 2;width:6cqw;height:6cqw;border-radius:50%;object-fit:cover}
.tscr .tf b{font:800 4.6cqw/1 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tscr .tf span{font:500 1.85cqw var(--sans);color:rgba(255,244,236,.7);white-space:nowrap}
.tscr .xl{display:grid;gap:1.2cqw;flex:1;align-content:start}
.tscr .xl div{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.6cqw;align-items:center;background:rgba(255,244,236,.06);border-radius:1.6cqw;padding:1.4cqw 1.8cqw;font:500 2cqw var(--sans)}
.tscr .xl i{width:4cqw;height:4cqw;border-radius:1cqw;background:var(--cc);display:grid;place-items:center;font:700 1.3cqw var(--mono);color:#fff;font-style:normal}
.tscr .xl small{display:block;font:500 1.5cqw var(--mono);color:rgba(255,244,236,.5)}
.tscr .xl em{font:600 1.5cqw var(--mono);font-style:normal;padding:.5cqw 1.2cqw;border-radius:99px;background:rgba(74,222,128,.18);color:#86efac}
.tscr .xl button{border:0;border-radius:1.2cqw;padding:1cqw 2cqw;background:var(--manteiga);color:#2A0F10;font:700 1.7cqw var(--sans)}
.tscr .dn{display:grid;grid-template-columns:1.1fr 1fr;gap:2cqw;flex:1}
.tscr .dn .big{background:rgba(255,244,236,.06);border-radius:2cqw;padding:2.4cqw;display:flex;flex-direction:column}
.tscr .dn .big small{font:600 1.5cqw var(--mono);letter-spacing:.1em;color:rgba(255,244,236,.55)}
.tscr .dn .big b{font:800 9cqw/1 var(--disp);letter-spacing:-.05em;margin-top:1cqw}
.tscr .dn .big span{font:500 1.8cqw var(--sans);color:#86efac;margin-top:.6cqw}
.tscr .dn .chs{margin-top:auto;display:grid;gap:.9cqw}
.tscr .dn .chs div{display:grid;grid-template-columns:9cqw 1fr 5cqw;gap:1cqw;align-items:center;font:500 1.5cqw var(--sans)}
.tscr .dn .chs i{height:1.3cqw;border-radius:99px;background:var(--manteiga);display:block;width:var(--w)}
.tscr .dn .chs em{font:600 1.5cqw var(--mono);font-style:normal;text-align:right}
.tscr .dn .al{display:grid;gap:1.2cqw;align-content:start}
.tscr .dn .al div{background:rgba(255,244,236,.06);border-radius:1.6cqw;padding:1.6cqw;font:500 1.75cqw/1.3 var(--sans)}
.tscr .dn .al div b{display:block;font:700 1.3cqw var(--mono);letter-spacing:.1em;color:var(--manteiga);margin-bottom:.5cqw}
.tscr .dn .al div button{margin-top:1cqw;border:0;border-radius:1cqw;padding:.8cqw 1.6cqw;background:#fff;color:var(--tinta);font:700 1.5cqw var(--sans)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;border:1px solid var(--linha);background:var(--papel);border-radius:20px;padding:18px 20px 20px;cursor:pointer;overflow:hidden;transition:background .4s,border-color .4s}
.tab .who{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.tab b{display:block;font:600 19px/1.15 var(--disp);letter-spacing:-.02em;margin-top:8px}
.tab span{display:block;color:var(--cinza);font-size:14px;margin-top:4px}
.tab .pb{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--brasa)}
.tab.on{background:#fff;border-color:#d8c8b6}
.tab.on .who{color:var(--brasa)}
@media(max-width:760px){.wall{aspect-ratio:auto;height:auto;border-radius:22px}
  .wall>img{position:relative;height:auto}
  .tabs{grid-template-columns:1fr}.tab:not(.on) span{display:none}}

/* ---------- RESPIRO ---------- */
.resp{padding:170px 0 170px;overflow:hidden}
.rtx{font:600 clamp(32px,4.8vw,66px)/1.08 var(--disp);letter-spacing:-.035em;max-width:17ch;margin:0 auto;text-align:center;position:relative;z-index:2;text-wrap:balance}
.rtx .w{color:rgba(26,20,19,.16);transition:color .5s}
.rtx .w.lit{color:var(--tinta)}
.rtx .pill{position:relative;display:inline-block}
.rtx .pill::before{content:"";position:absolute;inset:.06em -.12em -.04em;background:var(--manteiga);border-radius:.18em;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.rtx .pill.lit::before{transform:none}
.rtx .strike{position:relative}
.rtx .strike::after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:.09em;background:var(--brasa);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.rtx .strike.lit::after{transform:none}
.fly{position:absolute;z-index:1;width:var(--s);pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 14px rgba(60,20,10,.14))}
.fly img{width:100%;animation:flo 7s ease-in-out infinite;animation-delay:var(--d)}
@keyframes flo{50%{transform:translateY(-14px) rotate(4deg)}}
@media(max-width:760px){.resp{padding:200px 0 220px}.fly{--s:84px!important}}

/* ---------- IMPLANTAÇÃO (escuro + jornada) ---------- */
.imp{background:var(--forno);color:#FBE9DC;padding:170px 0 130px;margin-top:20px;overflow:hidden;isolation:isolate}
.imp::before{content:"";position:absolute;left:50%;top:-38vw;width:150vw;height:62vw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,180,90,.0) 62%,rgba(255,170,80,.55) 78%,rgba(255,90,42,.35) 86%,transparent 92%);filter:blur(20px);z-index:-1;opacity:.9}
.imp::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(50% 40% at 80% 70%,rgba(122,22,34,.5),transparent 70%),radial-gradient(40% 30% at 10% 40%,rgba(122,22,34,.35),transparent 70%)}
.imp .lead{color:rgba(251,233,220,.7)}
.jr{position:relative;margin-top:64px;height:760px}
.jr svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.jr .rail{fill:none;stroke:rgba(255,236,222,.12);stroke-width:2}
.jr .run{fill:none;stroke:url(#jg);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,170,80,.7))}
.jr .tip{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;z-index:3;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(255,190,110,.55),transparent);transition:opacity .4s}
.jr .tip img{width:38px;height:auto;filter:brightness(var(--cru,1.9)) saturate(var(--sat,.25)) drop-shadow(0 0 10px rgba(255,170,80,.7));transform:rotate(var(--rt,0deg))}
.flag{position:absolute;width:260px;transform:translate(-50%,0);z-index:2}
.flag .pin{width:12px;height:12px;border-radius:50%;background:#3a1a1c;border:2px solid rgba(255,236,222,.3);margin:0 auto 12px;transition:background .4s,border-color .4s,box-shadow .4s}
.flag.on .pin{background:var(--manteiga);border-color:var(--manteiga);box-shadow:0 0 0 6px rgba(255,210,74,.15)}
.flag .cd{background:rgba(255,244,236,.04);border:1px solid rgba(255,236,222,.1);border-radius:18px;padding:16px 16px 18px;opacity:.38;transform:translateY(8px);transition:opacity .6s var(--ease),transform .7s var(--ease),background .5s,border-color .5s}
.flag.on .cd{opacity:1;transform:none;background:rgba(255,244,236,.07);border-color:rgba(255,210,74,.3)}
.flag .dd{font:600 11px var(--mono);letter-spacing:.12em;color:var(--manteiga);text-transform:uppercase}
.flag h3{margin:6px 0 6px;font:600 20px/1.12 var(--disp);letter-spacing:-.02em;color:#fff}
.flag p{margin:0;font-size:14px;line-height:1.45;color:rgba(251,233,220,.7)}
@media(max-width:900px){
  .jr{height:auto;margin-top:44px;padding-left:34px}
  .jr svg,.jr .tip{display:none}
  .jr::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:rgba(255,236,222,.12)}
  .jr .vfill{position:absolute;left:9px;top:0;width:2px;height:var(--vf,0%);background:linear-gradient(var(--manteiga),var(--brasa));box-shadow:0 0 12px rgba(255,170,80,.7)}
  .flag{position:relative;width:auto;transform:none;left:auto!important;top:auto!important;margin-bottom:16px}
  .flag .pin{position:absolute;left:-31px;top:18px;margin:0}
}

/* ---------- PARA QUEM ---------- */
.pq{padding:130px 0 40px}
.pqg{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:12px}
.sw{display:inline-flex;padding:4px;border-radius:99px;background:var(--massa2);margin-top:26px;position:relative}
.sw button{position:relative;z-index:1;border:0;background:none;padding:10px 18px;border-radius:99px;font:600 14px var(--sans);cursor:pointer;color:var(--cinza);transition:color .3s}
.sw button.on{color:#fff}
.sw .kn{position:absolute;top:4px;bottom:4px;left:4px;border-radius:99px;background:var(--tinta);transition:left .45s var(--ease),width .45s var(--ease)}
.pl[hidden]{display:none!important}
.pl{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0;border-top:1px solid var(--linha)}
.pl li{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--linha);cursor:default;transition:background .3s}
.pl li .ico{width:42px;height:42px;border-radius:12px;background:var(--papel);border:1px solid var(--linha);display:grid;place-items:center}
.pl li .ico svg{width:20px;height:20px}
.pl li b{display:block;font:600 16.5px/1.25 var(--sans)}
.pl li span{display:block;color:var(--cinza);font-size:14px;margin-top:2px}
.pl li .ar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linha);font-size:13px;transition:background .3s,color .3s}
.pl li.on{background:var(--papel)}
.pl li.on .ar{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.pl.no li .ico{background:#FFF0EB;border-color:#F6D0C3}
.dotsbox{position:relative;border-radius:28px;background:var(--papel);border:1px solid var(--linha);aspect-ratio:1/1;overflow:hidden}
.dotsbox canvas{position:absolute;inset:0;width:100%;height:100%}
.dotsbox .cap{position:absolute;left:18px;bottom:16px;right:18px;display:flex;align-items:center;gap:10px;font:600 13px var(--sans);background:#fff;border:1px solid var(--linha);padding:10px 12px;border-radius:14px}
.dotsbox .cap i{width:9px;height:9px;border-radius:50%;background:var(--brasa)}
.dotsbox .tg{position:absolute;top:16px;left:18px;font:600 10.5px var(--mono);letter-spacing:.14em;color:var(--cinza)}
@media(max-width:900px){.pqg{grid-template-columns:1fr}.dotsbox{max-width:460px;width:100%;margin:0 auto;order:-1}}

/* ---------- CONTA ---------- */
.ct{padding:120px 0 40px}
.calc{display:grid;grid-template-columns:1fr 1.1fr;gap:0;margin-top:44px;border-radius:30px;overflow:hidden;border:1px solid var(--linha);background:var(--papel)}
.calc .ip{padding:34px;display:grid;gap:26px;align-content:start;border-right:1px solid var(--linha)}
.fld label{display:flex;justify-content:space-between;gap:10px;font:600 14.5px var(--sans)}
.fld output{font:700 15px var(--mono);color:var(--bordo)}
.fld input[type=range]{width:100%;margin-top:12px;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--brasa) var(--f,50%),var(--massa2) var(--f,50%));outline-offset:6px}
.fld input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--brasa);cursor:grab}
.fld input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--brasa);cursor:grab}
.fld small{display:block;color:var(--cinza);font-size:12.5px;margin-top:8px}
.calc .rs{padding:34px;background:var(--forno);color:#FBE9DC;display:flex;flex-direction:column;gap:18px}
.calc .rs .k{font:600 11px var(--mono);letter-spacing:.12em;color:rgba(251,233,220,.55);text-transform:uppercase}
.cbar{display:grid;gap:8px}
.cbar .tp{display:flex;justify-content:space-between;align-items:baseline;font:500 14.5px var(--sans)}
.cbar .tp b{font:700 26px/1 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cbar .tk{height:14px;border-radius:99px;background:rgba(255,244,236,.08);overflow:hidden}
.cbar .tk i{display:block;height:100%;border-radius:99px;background:rgba(255,244,236,.4);width:0;transition:width .6s var(--ease)}
.cbar.us .tk i{background:linear-gradient(90deg,var(--manteiga),var(--brasa))}
.cbar small{color:rgba(251,233,220,.5);font-size:12.5px}
.sav{margin-top:auto;padding:18px 20px;border-radius:18px;background:rgba(255,210,74,.1);border:1px solid rgba(255,210,74,.3)}
.sav small{font:600 11px var(--mono);letter-spacing:.12em;color:var(--manteiga);text-transform:uppercase}
.sav b{display:block;font:700 clamp(34px,4vw,48px)/1 var(--disp);letter-spacing:-.04em;color:#fff;margin-top:6px;font-variant-numeric:tabular-nums}
.sav span{display:block;color:rgba(251,233,220,.7);font-size:14px;margin-top:6px}
.fine{font-size:12.5px;color:var(--cinza);margin-top:14px;max-width:80ch}
@media(max-width:860px){.calc{grid-template-columns:1fr}.calc .ip{border-right:0;border-bottom:1px solid var(--linha);padding:26px}.calc .rs{padding:26px}}

/* ---------- PLANOS ---------- */
.pr{padding:30px 10px 0}
.prcard{border-radius:34px;background:var(--forno);color:#FBE9DC;padding:120px 0 90px;position:relative;overflow:hidden;isolation:isolate}
.prcard::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 40% at 50% 0%,rgba(122,22,34,.7),transparent 70%)}
.prcard .lead{color:rgba(251,233,220,.7)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;align-items:stretch}
.pc{position:relative;border-radius:26px;padding:26px 24px 24px;background:rgba(255,244,236,.04);border:1px solid rgba(255,236,222,.1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.plans.in .pc{opacity:1;transform:none}
.plans.in .pc:nth-child(2){transition-delay:.12s}.plans.in .pc:nth-child(3){transition-delay:.24s}
.pc::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(255,210,74,.12),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.pc:hover::before{opacity:1}
.pc.mid{background:linear-gradient(180deg,#5A0F17 0%,#3A0B10 100%);border-color:rgba(255,210,74,.45)}
.pc.mid::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,210,74,.22) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask:radial-gradient(80% 60% at 80% 0%,#000,transparent 70%);mask:radial-gradient(80% 60% at 80% 0%,#000,transparent 70%);pointer-events:none}
.pc .tp{display:flex;align-items:center;gap:10px}
.pc .tp h3{margin:0;font:600 24px var(--disp);letter-spacing:-.03em;color:#fff}
.pc .rec{margin-left:auto;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--manteiga);color:#2A0F10;padding:4px 8px;border-radius:99px}
.pc .ds{color:rgba(251,233,220,.6);font-size:14px;margin:8px 0 0;min-height:42px}
.pc .val{display:flex;align-items:baseline;gap:6px;margin-top:20px}
.pc .val small{font:500 15px var(--sans);color:rgba(251,233,220,.6)}
.pc .val b{font:700 50px/1 var(--disp);letter-spacing:-.045em;color:#fff}
.pc .tax{font:600 11.5px var(--mono);color:var(--manteiga);margin-top:6px;letter-spacing:.02em}
.pc ul{list-style:none;margin:22px 0 24px;padding:0;display:grid;gap:0;border-top:1px solid rgba(255,236,222,.1)}
.pc li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,236,222,.08);font-size:14px;color:rgba(251,233,220,.82)}
.pc li em{font:600 12px var(--mono);font-style:normal;color:#fff;text-align:right}
.pc li.no{color:rgba(251,233,220,.35)}.pc li.no em{color:rgba(251,233,220,.35)}
.pc .bk{margin-top:auto}
.pc .alt{margin-top:auto;display:block;text-align:center;border:1px solid rgba(255,236,222,.2);border-radius:14px;padding:16px;font:600 15px var(--sans);text-decoration:none;color:#fff;transition:background .3s,border-color .3s}
.pc .alt:hover{background:rgba(255,244,236,.06);border-color:rgba(255,236,222,.35)}
.impl{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:0;margin-top:16px;border-radius:22px;border:1px solid rgba(255,236,222,.1);overflow:hidden}
.impl>div{padding:18px 20px;border-left:1px solid rgba(255,236,222,.1)}
.impl>div:first-child{border-left:0;background:rgba(255,244,236,.04);display:flex;flex-direction:column;justify-content:center}
.impl small{display:block;font:600 10.5px var(--mono);letter-spacing:.12em;color:rgba(251,233,220,.55);text-transform:uppercase}
.impl b{display:block;font:600 18px var(--disp);color:#fff;margin-top:4px;letter-spacing:-.02em}
.impl span{display:block;font-size:13px;color:rgba(251,233,220,.6);margin-top:3px}
.impl .hl2 b{color:var(--manteiga)}
.fund{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;margin-top:16px;border-radius:26px;padding:22px 26px;background:var(--manteiga);color:#2A0F10}
.fund .seal{position:relative;width:96px;height:96px;flex:none}
.fund .seal svg{width:100%;height:100%;animation:spin 18s linear infinite}
.fund .seal b{position:absolute;inset:0;display:grid;place-items:center;font:800 26px var(--disp);letter-spacing:-.04em}
@keyframes spin{to{transform:rotate(360deg)}}
.fund h3{margin:0;font:600 24px/1.1 var(--disp);letter-spacing:-.03em}
.fund p{margin:6px 0 0;font-size:15px;color:#4a3410}
.fund p s{opacity:.6}
.fund .bk::before{background:conic-gradient(from 0deg,transparent 0 62%,#fff 74%,var(--brasa) 84%,transparent 92%)}
.gar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;font:500 14px var(--sans);color:rgba(251,233,220,.75)}
.gar svg{width:20px;height:20px;color:var(--manteiga)}
@media(max-width:960px){.plans{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.impl{grid-template-columns:1fr 1fr}.impl>div:first-child{grid-column:1/-1}.impl>div:nth-child(2){border-left:0}.fund{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(max-width:560px){.prcard{padding:90px 0 60px;border-radius:26px}.impl{grid-template-columns:1fr}.impl>div{border-left:0;border-top:1px solid rgba(255,236,222,.1)}}

/* ---------- TRIAGEM ---------- */
.tri{padding:130px 0 40px}
.trg{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.steps3{display:grid;gap:12px;margin-top:30px}
.steps3 div{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--papel);border:1px solid var(--linha)}
.steps3 b{font:700 13px var(--mono);color:var(--bordo)}
.steps3 span{font-size:15px}
.handw{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1122/1402;background:#3a0d12}
.handw>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs{position:absolute;left:33.05%;top:15.2%;width:34.4%;height:57.95%;border-radius:13%/6.3%;overflow:hidden;background:#0b0b0b;display:flex;flex-direction:column;color:#f2f2f2;font-size:clamp(9.5px,1.05vw,12.5px);container-type:inline-size}
.hs .sb{height:10%;flex:none;display:flex;justify-content:space-between;align-items:center;padding:4% 10% 0;font:600 4.4cqw var(--sans)}
.hs .ch{display:flex;align-items:center;gap:3cqw;padding:2cqw 5cqw 3cqw;border-bottom:1px solid #1d1d1d}
.hs .ch i{width:10cqw;height:10cqw;border-radius:50%;background:var(--forno);display:grid;place-items:center;flex:none}
.hs .ch i svg{width:6cqw;height:6cqw}
.hs .ch b{font:600 5.6cqw var(--sans)}.hs .ch small{display:block;color:#4ADE80;font-size:4.2cqw}
.hs .pg{margin-left:auto;font:600 4.2cqw var(--mono);color:#777}
.hs .msgs{flex:1;overflow-y:auto;padding:4cqw;display:flex;flex-direction:column;gap:2.6cqw;scrollbar-width:none}
.hs .msgs::-webkit-scrollbar{display:none}
.m{max-width:88%;padding:3cqw 4cqw;border-radius:5cqw;font:500 5.5cqw/1.34 var(--sans);animation:bubIn .4s var(--ease)}
.m.bot{align-self:flex-start;background:#1f1f1f;border-bottom-left-radius:1.5cqw}
.m.me{align-self:flex-end;background:var(--brasa);color:#fff;border-bottom-right-radius:1.5cqw}
.m small{display:block;color:#9a9a9a;font-size:4.4cqw;margin-top:1cqw}
.m.typing{display:flex;gap:1.2cqw;padding:3.4cqw 4cqw}
.m.typing i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#888;animation:blinkq 1s infinite}.m.typing i:nth-child(2){animation-delay:.2s}.m.typing i:nth-child(3){animation-delay:.4s}
@keyframes bubIn{from{opacity:0;transform:translateY(2cqw) scale(.97)}}
.hs .ans{padding:2.6cqw 3.6cqw 5cqw;display:flex;flex-wrap:wrap;gap:1.8cqw;border-top:1px solid #1a1a1a;min-height:16cqw;align-content:flex-start}
.opt{border:1px solid #333;background:#161616;color:#eee;border-radius:99px;padding:2.4cqw 3.8cqw;font:600 4.8cqw var(--sans);cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none}
.opt:hover{border-color:var(--brasa)}
.opt.sel{background:var(--brasa);border-color:var(--brasa);color:#fff}
.opt.go{background:var(--manteiga);color:#2A0F10;border-color:var(--manteiga)}
.inrow{display:flex;gap:1.6cqw;width:100%}
.inrow input{flex:1;min-width:0;background:#161616;border:1px solid #333;border-radius:99px;padding:3cqw 4cqw;color:#fff;font:500 5.2cqw var(--sans);outline:none}
.inrow input:focus{border-color:var(--brasa)}
.inrow button{border:0;border-radius:99px;background:var(--brasa);color:#fff;font:700 4.8cqw var(--sans);padding:0 4.4cqw;cursor:pointer}
.err{width:100%;color:#ff8a7a;font-size:4.4cqw;min-height:1em}
.hstart{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:28%;text-align:center;z-index:2}
@media(max-width:900px){.trg{grid-template-columns:1fr}.handw{max-width:520px;width:100%;margin:0 auto}.hs{font-size:12px}}

/* ---------- FAQ ---------- */
.fq{padding:130px 0 60px}
.fqg{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.fqg .stk{position:sticky;top:120px}
.help{margin-top:28px;border-radius:22px;background:var(--papel);border:1px solid var(--linha);padding:20px;display:grid;gap:14px}
.help p{margin:0;color:var(--cinza);font-size:15px}
.acc{border-top:1px solid var(--linha)}
.qa{border-bottom:1px solid var(--linha)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;background:none;border:0;text-align:left;cursor:pointer;font:600 18px/1.3 var(--sans);letter-spacing:-.01em}
.qa button i{width:30px;height:30px;border-radius:50%;flex:none;border:1px solid var(--linha);display:grid;place-items:center;position:relative;transition:background .3s,border-color .3s}
.qa button i::before,.qa button i::after{content:"";position:absolute;width:11px;height:1.8px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease)}
.qa button i::after{transform:rotate(90deg)}
.qa.op button i{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.qa.op button i::after{transform:rotate(0)}
.qa .an{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.qa.op .an{grid-template-rows:1fr}
.qa .an>div{overflow:hidden}
.qa .an p{margin:0;padding:0 50px 22px 0;color:var(--cinza);font-size:16px;line-height:1.6}
@media(max-width:900px){.fqg{grid-template-columns:1fr;gap:20px}.fqg .stk{position:static}.qa button{font-size:16.5px}}

/* ---------- RODAPÉ ---------- */
.ft{padding:110px 10px 10px;position:relative}
.ftc{position:relative;border-radius:34px;background:var(--forno);color:#FBE9DC;overflow:hidden;padding:120px 0 34px;isolation:isolate;text-align:center}
.ftc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 50% 30%,rgba(255,90,42,.28),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(122,22,34,.8),transparent 70%)}
.ckt{position:absolute;left:50%;top:36px;width:170px;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
.ckt img{animation:flo 6s ease-in-out infinite}
.ftc h2{font:600 clamp(36px,5.4vw,72px)/1 var(--disp);letter-spacing:-.04em;margin:0 auto;max-width:14ch}
.ftc h2 .c{color:var(--manteiga)}
.ftc .lead{color:rgba(251,233,220,.7);margin-inline:auto}
.ftc .bk{margin-top:30px}
.fbig{overflow:hidden;margin-top:80px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.fbig .tr{display:flex;width:max-content;animation:mq 46s linear infinite}
.fbig span{font:700 clamp(54px,9vw,140px)/1 var(--disp);letter-spacing:-.05em;white-space:nowrap;padding-right:.5em;color:transparent;-webkit-text-stroke:1.2px rgba(255,236,222,.28)}
.fbig span em{font-style:normal;color:rgba(255,210,74,.9);-webkit-text-stroke:0}
.fbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,236,222,.1);font-size:13px;color:rgba(251,233,220,.55);text-align:left}
.fbar nav{display:flex;gap:18px;flex-wrap:wrap}
.fbar a{text-decoration:none}.fbar a:hover{color:#fff}

/* CTA fixo no celular */
.mcta{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:none;padding:8px;border-radius:20px;background:rgba(30,10,12,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,236,222,.1);transform:translateY(130%);transition:transform .5s var(--ease)}
.mcta.show{transform:none}
@media(max-width:760px){.mcta{display:block}.mcta .bk{width:100%}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* ===== celular: zoom nas fotos para o aparelho ocupar a largura ===== */
@media(max-width:760px){
  .wall{container-type:inline-size;aspect-ratio:100/124;height:auto}
  .wall>img{position:absolute;width:175cqw;max-width:none;height:auto;left:-37.5cqw;top:-4cqw}
  .tscr{left:5.6cqw;top:16cqw;width:89cqw;height:95.8cqw;border-radius:2.2cqw}
  .tscr .pane{padding:5cqw 4.6cqw}
  .tscr .th h4{font-size:8cqw}.tscr .th h4 small{font-size:3.4cqw;margin-top:1.4cqw}
  .tscr .th em{font-size:7.6cqw;padding:1cqw 3cqw;border-radius:2.4cqw}
  .tscr .zz{height:2cqw;margin:4cqw 0 3.4cqw;background-size:2.8cqw 2cqw}
  .tscr .tf{grid-template-columns:repeat(2,1fr);gap:2.4cqw}
  .tscr .tf div{gap:0 2.4cqw;padding:1.8cqw 2.4cqw;border-radius:3cqw}
  .tscr .tf img{width:9.5cqw;height:9.5cqw}
  .tscr .tf b{font-size:7cqw}.tscr .tf span{font-size:3.5cqw!important}
  .tscr .xl{gap:2.4cqw}.tscr .xl div{grid-template-columns:auto 1fr auto;font-size:3.6cqw;padding:2.6cqw;border-radius:3cqw;gap:2.6cqw}
  .tscr .xl i{width:7cqw;height:7cqw;font-size:2.6cqw;border-radius:2cqw}.tscr .xl small{font-size:3cqw}
  .tscr .xl em{display:none}.tscr .xl button{font-size:3.4cqw;padding:1.8cqw 3.4cqw;border-radius:2cqw}
  .tscr .dn{grid-template-columns:1fr}.tscr .dn .al{display:none}
  .tscr .dn .big{padding:4cqw;border-radius:3.4cqw}.tscr .dn .big small{font-size:3cqw}.tscr .dn .big b{font-size:15cqw}.tscr .dn .big span{font-size:3.4cqw}
  .tscr .dn .chs{gap:2.2cqw}.tscr .dn .chs div{grid-template-columns:19cqw 1fr 11cqw;font-size:3.4cqw}.tscr .dn .chs i{height:2.4cqw}.tscr .dn .chs em{font-size:3.2cqw}
  .handw{container-type:inline-size;aspect-ratio:100/168;max-width:none}
  .handw>img{width:203cqw;max-width:none;height:auto;left:-52cqw;top:-30cqw;inset:auto}
  .handw>img{position:absolute;left:-52cqw;top:-30cqw}
  .hs{left:15.1cqw;top:8.6cqw;width:69.8cqw;height:147cqw}
  .cal .cap{z-index:2}.cal .cap span{background:var(--massa2);padding:0 4px}
  /* caos do "antes" reorganizado para a tela estreita */
  .bef .pz:nth-child(1){left:5%!important;top:9%!important}
  .bef .pz:nth-child(2){left:34%!important;top:19%!important}
  .bef .pz:nth-child(3){left:5%!important;top:35%!important}
  .bef .pz:nth-child(4){left:30%!important;top:47%!important}
  .bef .pz:nth-child(5){left:6%!important;top:57%!important;width:30%}
  .bef .pz:nth-child(6){left:58%!important;top:74%!important}
  .bef .pz:nth-child(7){left:5%!important;top:84%!important}
  .bef .pz:nth-child(8){left:44%!important;top:6%!important;display:none}
}

.mbl{display:none}@media(max-width:560px){.dsk{display:none}.mbl{display:inline}}

/* ===== Frontpack: Kit de Códigos Essenciais (cores da marca) ===== */
*::selection{color:#2A0F10;background:var(--manteiga)}
*{-webkit-tap-highlight-color:transparent}
html::-webkit-scrollbar{width:9px}
html::-webkit-scrollbar-track{background:var(--massa)}
html::-webkit-scrollbar-thumb{background:linear-gradient(var(--brasa),var(--bordo));border-radius:10px;border:2px solid var(--massa)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}

/* ===== Frontpack: Bento Itens Interativos (Matter.js) ===== */
.bx.phy .vw{background:radial-gradient(80% 70% at 50% 100%,rgba(255,210,74,.22),transparent 70%);overflow:hidden}
.phyc{position:absolute;inset:0;cursor:grab;touch-action:pan-y}
.phyc:active{cursor:grabbing}
.tag{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;font:600 14px/1 var(--sans);white-space:nowrap;user-select:none;will-change:transform;background:#fff;border:1px solid var(--linha);color:var(--tinta)}
.tag img{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-left:-6px}
.tag.t-b{background:var(--bordo);color:#FFE7D8;border-color:var(--bordo)}
.tag.t-m{background:var(--manteiga);border-color:#f1c232}
.tag.t-r{background:var(--brasa);color:#fff;border-color:var(--brasa)}
.tag.t-d{background:var(--forno);color:#FBE9DC;border-color:var(--forno)}
.phyhint{position:absolute;right:16px;top:14px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);display:flex;align-items:center;gap:6px;pointer-events:none}
.phyhint::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px dashed var(--cinza);animation:spin 6s linear infinite}

/* ===== Frontpack: Borda Animada (plano recomendado) ===== */
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
.glowb{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:3;background:conic-gradient(from var(--ang),transparent 0 55%,rgba(255,210,74,.95) 68%,#fff 72%,rgba(255,90,42,.9) 78%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:angspin 5s linear infinite}
@keyframes angspin{to{--ang:360deg}}

/* ===== Frontpack: Texto Aleatório (rótulos mono) ===== */
.dud{color:var(--brasa);opacity:.7}
.dk .dud,.eb.dk .dud{color:var(--manteiga)}

/* ===== A CONTA v2 ===== */
.calc2{display:grid;grid-template-columns:1fr 1.05fr;margin-top:44px;border-radius:30px;overflow:hidden;border:1px solid var(--linha);background:var(--papel)}
.cin{padding:34px;display:grid;gap:30px;align-content:start}
.q1{display:grid;gap:12px}
.q1 label,.q1 .lb{display:flex;align-items:center;gap:10px;font:600 16px/1.3 var(--sans)}
.qn{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--tinta);color:#fff;font:700 12px var(--mono)}
.bigout{font:700 clamp(36px,4vw,50px)/1 var(--disp);letter-spacing:-.04em;color:var(--bordo);font-variant-numeric:tabular-nums}
.q1 input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--brasa) var(--f,20%),var(--massa2) var(--f,20%));outline-offset:6px}
.q1 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--brasa);cursor:grab}
.q1 input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--brasa);cursor:grab}
.scale{display:flex;justify-content:space-between;font:600 11px var(--mono);color:var(--cinza)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{border:1px solid var(--linha);background:#fff;border-radius:12px;padding:10px 14px;font:600 14.5px var(--sans);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.chips button em{font-style:normal;font:600 12px var(--mono);opacity:.65;margin-left:4px}
.chips button:hover{border-color:var(--brasa)}
.chips button.on{background:var(--tinta);border-color:var(--tinta);color:#fff}
.q1 small{color:var(--cinza);font-size:13.5px;line-height:1.45}
.cout{background:var(--forno);color:#FBE9DC;padding:34px;display:flex;flex-direction:column;gap:22px}
.cout .k{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(251,233,220,.75)}
.cp100{display:grid;gap:14px}
.sp{display:grid;grid-template-columns:96px 1fr;gap:6px 14px;align-items:center}
.sp .nm{font:600 14px var(--sans)}
.sp small{grid-column:2;font-size:12.5px;color:rgba(251,233,220,.65)}
.bar2{display:flex;height:40px;border-radius:12px;overflow:hidden;background:rgba(255,244,236,.06)}
.bar2 i{display:flex;align-items:center;font:700 13px var(--mono);font-style:normal;white-space:nowrap;overflow:hidden;transition:width .6s var(--ease)}
.bar2 .you{background:rgba(255,244,236,.14);color:#fff;padding-left:12px}
.bar2 .you.us{background:linear-gradient(90deg,#FFE27A,var(--manteiga));color:#2A0F10}
.bar2 .fee{justify-content:center;background:var(--brasa);color:#fff}
.bar2 .fee.if{background:var(--ifood)}
.rcpt{background:#fffaf2;color:var(--tinta);border-radius:16px;padding:6px 18px;font-size:14.5px}
.rcpt .ln{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px dashed #d8c9b6}
.rcpt .ln:last-child{border-bottom:0}
.rcpt .ln span:first-child{font-weight:600}
.rcpt .mono{font:500 12.5px var(--mono);color:var(--cinza);text-align:right}
.rcpt b{font:700 20px var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cout .sav{margin-top:auto;padding:20px 22px;border-radius:18px;background:rgba(255,210,74,.1);border:1px solid rgba(255,210,74,.35)}
.cout .sav small{font:600 11px var(--mono);letter-spacing:.12em;color:var(--manteiga);text-transform:uppercase}
.cout .sav b{display:block;font:700 clamp(40px,4.6vw,58px)/1 var(--disp);letter-spacing:-.04em;color:#fff;margin-top:8px;font-variant-numeric:tabular-nums}
.cout .sav span{display:block;color:rgba(251,233,220,.8);font-size:14.5px;margin-top:8px}
@media(max-width:860px){.calc2{grid-template-columns:1fr}.cin,.cout{padding:24px}.sp{grid-template-columns:1fr}.sp small{grid-column:1}.rcpt .ln{grid-template-columns:1fr auto}.rcpt .mono{grid-column:1/-1;grid-row:2;text-align:left}}

.food{position:absolute;left:0;top:0;object-fit:contain;user-select:none;-webkit-user-drag:none;will-change:transform;filter:drop-shadow(0 8px 10px rgba(60,20,10,.18))}

/* ===== IMPLANTAÇÃO: a receita ===== */
.rec{padding:130px 0 60px}
.recg{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;margin-top:56px;align-items:start}
.timer-col{position:sticky;top:120px;display:grid;justify-items:center;gap:18px}
.timer{position:relative;width:min(380px,100%);aspect-ratio:1}
.timer svg{width:100%;height:100%;overflow:visible}
.tface{fill:var(--forno)}
.tticks line{stroke:rgba(255,236,222,.35);stroke-width:2;stroke-linecap:round}
.tarc-bg,.tarc{fill:none;stroke-width:9;stroke-linecap:round}
.tarc-bg{stroke:rgba(255,236,222,.08)}
.tarc{stroke:url(#tgr);stroke:var(--manteiga);filter:drop-shadow(0 0 6px rgba(255,190,90,.7))}
.tin{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#FBE9DC}
.tin small{font:600 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(251,233,220,.7)}
.tin b{font:700 clamp(70px,9vw,112px)/1 var(--disp);letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums}
.tin span{font:600 14px var(--sans);color:var(--manteiga)}
.timer.done .tin b{color:var(--manteiga)}
.knob{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:4px solid var(--manteiga);left:0;top:0}
.tcap{max-width:30ch;text-align:center;color:var(--cinza);font-size:15px;margin:0}
.tcap .mono{display:block;font:600 11px var(--mono);letter-spacing:.14em;color:var(--brasa);margin-bottom:4px}
.card-rec{background:#FFFDF6;border:1px solid var(--linha);border-radius:26px;padding:34px 34px 20px;position:relative;background-image:repeating-linear-gradient(0deg,transparent 0 33px,rgba(90,15,23,.06) 33px 34px)}
.card-rec::before{content:"";position:absolute;left:0;right:0;top:-1px;height:12px;border-radius:26px 26px 0 0;background:repeating-linear-gradient(90deg,var(--bordo) 0 18px,var(--brasa) 18px 36px);opacity:.9}
.card-rec header{border-bottom:2px solid var(--tinta);padding-bottom:20px}
.card-rec header .mono{font:700 11px var(--mono);letter-spacing:.18em;color:var(--brasa)}
.card-rec h3{margin:8px 0 14px;font:700 clamp(30px,3.4vw,44px)/1 var(--disp);letter-spacing:-.035em}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.meta span{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:var(--massa);font:600 13.5px var(--sans)}
.meta i{font:600 10px var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.card-rec h4{margin:24px 0 12px;font:700 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cinza)}
.ing ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.ing li{position:relative;padding-left:20px;font-size:15px}
.ing li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--manteiga);border:2px solid #e7b72c}
.prep ol{margin:0;padding:0;list-style:none;display:grid}
.prep li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-top:1px dashed #dccbb6;opacity:.55;transition:opacity .5s}
.prep li.on{opacity:1}
.prep .ck{width:26px;height:26px;border-radius:8px;border:2px solid #c9b59d;margin-top:2px;position:relative;transition:background .35s,border-color .35s}
.prep .ck::after{content:"";position:absolute;left:7px;top:3px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transition:transform .35s var(--ease)}
.prep li.on .ck{background:var(--bordo);border-color:var(--bordo)}
.prep li.on .ck::after{transform:rotate(45deg) scale(1)}
.prep .dd{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brasa)}
.prep b{display:block;font:600 19px/1.2 var(--disp);letter-spacing:-.02em;margin:4px 0 4px;position:relative;width:fit-content}
.prep b::after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;background:var(--brasa);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.prep li.done b::after{transform:scaleX(1)}
.prep p{margin:0;color:var(--cinza);font-size:15px;line-height:1.5}
@media(max-width:900px){.recg{grid-template-columns:1fr;gap:28px}.timer-col{position:sticky;top:70px;z-index:3;grid-template-columns:auto 1fr;justify-items:start;align-items:center;background:var(--massa);padding:10px 0;gap:14px}.timer{width:96px}.tin b{font-size:34px}.tin small{font-size:8px}.tin span{font-size:10px}.knob{width:12px;height:12px;margin:-6px 0 0 -6px;border-width:3px}.tticks{display:none}.tcap{text-align:left;font-size:13.5px}.card-rec{padding:26px 20px 12px}.ing ul{grid-template-columns:1fr}}

/* ===== Frontpack: divisor em pixels ===== */
.pr{padding:0!important;position:relative}
.pr .prcard{border-radius:0}
.mosaic{position:absolute;left:0;right:0;pointer-events:none;z-index:6;overflow:hidden}
.mosaic canvas{display:block;width:100%}
.mosaic[data-mode="cover"]{bottom:100%}
.mosaic[data-mode="reveal"]{top:0}
.tri{position:relative}

.ct{padding-bottom:calc(min(55vh,420px) + 30px)!important}
.tri{padding-top:calc(min(55vh,420px) + 70px)!important}

.ct{padding-bottom:calc(min(45vh,360px) + 30px)!important}
.tri{padding-top:calc(min(45vh,360px) + 70px)!important}
@media(max-width:600px){.ct{padding-bottom:calc(min(34vh,260px) + 20px)!important}.tri{padding-top:calc(min(34vh,260px) + 50px)!important}}

/* menu: seção atual */
.hdr nav a.cur{background:rgba(255,244,236,.1);color:#fff}
/* triagem: barra de progresso */
.hs .pbar{height:2px;background:#1d1d1d;flex:none}
.hs .pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--manteiga),var(--brasa));transition:width .5s var(--ease)}

/* ===== antes x depois: mais caos, placar completo ===== */
.cad{width:28%!important}
.conta{background:#fff;padding:10px 14px;font:600 clamp(13px,1.4vw,19px)/1.25 "Caveat",cursive;color:#3a2a20;border:1px solid #eadfcf}
.conta b{color:#C02A2A}.conta s{color:#9a8f86}
.notif2{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);border-radius:14px;padding:8px 12px 8px 8px;font:500 clamp(10px,1vw,13px)/1.2 var(--sans);border:1px solid #eadfcf}
.notif2 i{width:26px;height:26px;border-radius:8px;background:#D9480F;color:#fff;display:grid;place-items:center;font:700 11px var(--mono);font-style:normal}
.notif2 b{display:block}.notif2 em{font-style:normal;font:500 10px var(--mono);color:var(--cinza);margin-left:6px}
.pst.blue{background:#BFE3FF;color:#0d3b66;width:13%;font-size:clamp(12px,1.3vw,18px)}
.mini .mb{gap:0}
.mch{display:flex;flex-wrap:wrap;gap:5px;margin-top:3%}
.mch span{font:600 clamp(8px,.85vw,11px) var(--mono);padding:3px 7px;border-radius:99px;background:rgba(255,244,236,.08);border:1px solid rgba(255,244,236,.12)}
.mzz{height:7px;margin:3% 0;background:linear-gradient(135deg,transparent 33%,var(--manteiga) 33% 50%,transparent 50% 83%,var(--manteiga) 83%) 0 0/10px 7px repeat-x;opacity:.75}
.mini .ms{margin-top:0;grid-template-columns:repeat(3,1fr);flex:1;align-content:start}
.mini .ms div{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}
.mini .ms div b{font-size:clamp(16px,2.2vw,30px)}
.mfoot{display:flex;align-items:center;gap:10px;margin-top:3%}
.mbtn{background:var(--manteiga);color:#2A0F10;border-radius:9px;padding:6px 10px;font:700 clamp(9px,.95vw,13px) var(--sans);white-space:nowrap}
.mfoot small{font-size:clamp(9px,.9vw,12px);color:rgba(255,244,236,.7)}
@media(max-width:760px){.mini .ms{grid-template-columns:repeat(2,1fr)}.mch span:nth-child(n+4){display:none}.mfoot small{display:none}
  .bef .pz:nth-child(9),.bef .pz:nth-child(10),.bef .pz:nth-child(11),.bef .pz:nth-child(12){display:none}}

.mini .ms{grid-auto-rows:1fr;align-content:stretch}
.mini .ms div{justify-content:center}
.mini .ms img{width:clamp(22px,3vw,40px)}
.mini .ol{height:100%}
.mini .ol .sum{margin-top:auto;display:grid;grid-template-columns:1fr;gap:2px;background:rgba(255,210,74,.12);border:1px solid rgba(255,210,74,.35);padding:10px 12px}
.mini .ol .sum span{font:600 clamp(8px,.8vw,11px) var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,244,236,.7)}
.mini .ol .sum b{font:700 clamp(16px,2vw,26px)/1 var(--disp);color:#fff}

@media(max-width:760px){.cad{width:60%!important;line-height:22px}.bef .pz:nth-child(1){top:12%!important}.bef .pz:nth-child(2){top:24%!important}.bef .pz:nth-child(3){top:39%!important}.bef .pz:nth-child(4){left:34%!important;top:51%!important}}

/* origem: notificações nas bordas */
.dm{width:min(232px,60%)}
.dm.d1{left:-10%;top:12%}.dm.d2{right:-12%;top:46%}.dm.d3{left:-8%;bottom:10%}
@media(max-width:900px){.dm{width:min(210px,58%);padding:8px 10px;font-size:12px}.dm i{width:26px;height:26px}.dm.d1{left:-2%;top:6%}.dm.d2{display:none}.dm.d3{left:auto;right:-2%;bottom:8%}}

/* ===== celular: tablet encaixado na foto (corrigido) ===== */
@media(max-width:760px){
  .wall{aspect-ratio:100/92}
  .wall>img{width:175cqw;left:-37.5cqw;top:-3cqw}
  .tscr{left:5.6cqw;top:8.45cqw;width:89cqw;height:54.8cqw;border-radius:1.4cqw}
  .tscr .pane{padding:2.6cqw 3cqw}
  .tscr .th h4{font-size:5.6cqw}.tscr .th h4 small{font-size:2.3cqw;margin-top:.6cqw}
  .tscr .th em{font-size:5.2cqw;padding:.5cqw 2cqw;border-radius:1.4cqw}
  .tscr .zz{height:1.2cqw;margin:1.6cqw 0 1.4cqw;background-size:1.8cqw 1.2cqw}
  .tscr .tf{grid-template-columns:repeat(4,1fr);gap:1.2cqw}
  .tscr .tf div{gap:0 1cqw;padding:1cqw 1.2cqw;border-radius:1.6cqw}
  .tscr .tf img{width:5.6cqw;height:5.6cqw}
  .tscr .tf b{font-size:5.2cqw}.tscr .tf span{font-size:2.3cqw!important}
  .tscr .xl{gap:1cqw}.tscr .xl div{grid-template-columns:auto 1fr auto;font-size:2.5cqw;padding:1.1cqw 1.6cqw;border-radius:1.4cqw;gap:1.6cqw}
  .tscr .xl i{width:4.4cqw;height:4.4cqw;font-size:1.8cqw;border-radius:1cqw}.tscr .xl small{font-size:2cqw}
  .tscr .xl button{font-size:2.3cqw;padding:.9cqw 2cqw;border-radius:1cqw}
  .tscr .dn{grid-template-columns:1fr 1fr;gap:1.6cqw}.tscr .dn .al{display:grid}
  .tscr .dn .big{padding:2cqw;border-radius:2cqw}.tscr .dn .big small{font-size:2cqw}.tscr .dn .big b{font-size:7.4cqw}.tscr .dn .big span{font-size:2.2cqw}
  .tscr .dn .chs{gap:.8cqw}.tscr .dn .chs div{grid-template-columns:10cqw 1fr 6cqw;font-size:2.1cqw}.tscr .dn .chs i{height:1.3cqw}.tscr .dn .chs em{font-size:2cqw}
  .tscr .dn .al div{padding:1.4cqw;font-size:2.2cqw;border-radius:1.4cqw}.tscr .dn .al div b{font-size:1.7cqw}.tscr .dn .al div button{font-size:1.9cqw;padding:.6cqw 1.4cqw}
}

/* animações de entrada só quando o JS roda (sem JS, tudo aparece) */
.js .rv .wd>span{transform:translateY(105%)}
.js .rv.in .wd>span{transform:none}
.js .up{opacity:0;transform:translateY(22px)}
.js .up.in{opacity:1;transform:none}
.js .h1 .ch{transform:translateY(.7em);opacity:0}
.js .h1.in .ch{transform:none;opacity:1}

.js .h1 .hpl::before{transform:scaleX(0)}
.js .h1.in .hpl::before{transform:none}
html:not(.js) .bk{padding:17px 26px}html:not(.js) .bk.sm{padding:11px 16px}

section[id],[id="triagem"]{scroll-margin-top:88px}
.gtag{animation:gfloat 7s ease-in-out infinite}.gtag.t2{animation-delay:-3.5s}
@keyframes gfloat{50%{translate:0 -10px}}

.gtag.t1{left:2.5%}.gtag.t2{right:2.5%}
@media(max-width:1180px){.gtag{display:none}}

.orig{overflow-x:clip}

/* triagem: zoom no celular da mão também em tablets */
@media(min-width:761px) and (max-width:900px){
  .handw{container-type:inline-size;aspect-ratio:100/168;max-width:460px}
  .handw>img{width:203cqw;max-width:none;height:auto;inset:auto;left:-52cqw;top:-30cqw}
  .hs{left:15.1cqw;top:8.6cqw;width:69.8cqw;height:147cqw}
}

.btop .btt{margin:0;font:800 clamp(26px,3.2vw,40px)/1 var(--disp);letter-spacing:-.04em}
.btop .btt small{display:block;font:500 12px var(--sans);letter-spacing:0;color:rgba(255,244,236,.75);margin-top:6px}

/* Frontpack: menu fixo dinâmico (some ao descer, volta ao subir) */
.hdr{transition:width .6s var(--ease),top .5s var(--ease),background .4s,transform .5s var(--ease)}
.hdr.hid{transform:translate(-50%,-150%)}
.hdr:focus-within{transform:translateX(-50%)}

.cout .sav.neg b{font-size:clamp(26px,2.6vw,34px)}

.prcard{padding-top:64px!important}
.ct{padding-bottom:calc(min(38vh,300px) + 30px)!important}
.tri{padding-top:calc(min(38vh,300px) + 40px)!important}
@media(max-width:600px){.ct{padding-bottom:calc(min(34vh,260px) + 20px)!important}.tri{padding-top:calc(min(34vh,260px) + 40px)!important}}

/* CTAs de meio de página */
.secta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:48px;text-align:center}
.secta span{font-size:14px;color:var(--cinza)}
.pqcta{margin-top:22px}

.bk[hidden]{display:none!important}
.qa .an p{opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease) .1s,transform .5s var(--ease) .1s}
.qa.op .an p{opacity:1;transform:none}

.bk{max-width:100%}
@media(max-width:480px){.secta .bk,.fund .bk,.ftc .bk{width:100%;white-space:normal;text-align:left;line-height:1.25}}

.prep b::after{display:none}
.prep b{text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .5s}
.prep li.done b{text-decoration-color:var(--brasa)}

/* story vivo: barrinhas de progresso */
.stbar{position:absolute;left:7%;right:7%;top:7.4%;z-index:2;display:flex;gap:4px}
.stbar i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden;position:relative}
.stbar i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.stbar i.dn::after{transform:none}
.stbar i.go::after{animation:stgo 6s linear infinite}
@keyframes stgo{to{transform:none}}

@media(min-width:961px){.plans.in .pc.mid{transform:translateY(-14px)}.plans.in .pc:hover{transform:translateY(-6px)}.plans.in .pc.mid:hover{transform:translateY(-18px)}}
.plans.in .pc{transition:opacity .8s var(--ease),transform .5s var(--ease),border-color .4s}
.plans.in .pc:hover{border-color:rgba(255,236,222,.22)}

/* divisor de forno entre seções claras */
.zdiv{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px 0 0}
.zdiv i{width:min(160px,22vw);height:9px;background:linear-gradient(135deg,transparent 33%,var(--manteiga) 33% 50%,transparent 50% 83%,var(--manteiga) 83%) 0 0/12px 9px repeat-x;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.zdiv i:first-child{transform-origin:right}.zdiv i:last-child{transform-origin:left}
.zdiv b{width:10px;height:10px;border-radius:50%;background:var(--brasa);transform:scale(0);transition:transform .5s var(--ease) .2s}
.zdiv.in i,.zdiv.in b{transform:none}
html:not(.js) .zdiv i,html:not(.js) .zdiv b{transform:none}