/* Site do Missô — exportado do canvas de design em 30/10/2026. */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&display=swap');
/* Site do Missô — exportado do canvas de design em 26/10/2026. */
@font-face{font-family:'Jersey 10';src:url('assets/jersey-10-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip-link{position:absolute;left:16px;top:-100px;z-index:60;background:#fff;padding:8px}.skip-link:focus{top:8px}

@font-face{font-family:'DM Sans';src:url('assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{margin:0;background:#fdfbf8}
a{color:inherit}a:hover{color:#11100f}
.site *{box-sizing:border-box}
.site{--hero-paper:#fdfbf8;--hero-gap:44px;--hero-ink:#11100f;--hero-coral:#ff7168;--hero-mint:#def3e6;--motion-quick:150ms;--motion-fast:250ms;--motion-ease:cubic-bezier(.22,1,.36,1);color:#171717;background:white;font:17px/1.5 Arial,Helvetica,sans-serif}
.site a{text-underline-offset:5px}.site button{font:inherit;color:inherit}
.site a:focus-visible,.site button:focus-visible,.site summary:focus-visible{outline:3px solid #777;outline-offset:5px}
.site h1,.site h2,.site h3,.site p{margin:0}
.site h2{font-size:42px;line-height:1.2;letter-spacing:-1px;margin-bottom:24px}.site h3{font-size:22px}
.small{font-size:13px;color:#555}
.wrap{width:100%;max-width:1280px;padding-left:40px;padding-right:40px;margin:auto}
.brand{font-size:30px;font-weight:700;text-decoration:none;letter-spacing:-1px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:54px;border:1px solid #555;background:white;font-size:15px;text-decoration:underline}
.button.primary{background:#171717;color:white;text-decoration:none;min-width:190px}
.eyebrow{display:block;font-size:15px;color:#555;margin-bottom:22px}
.split{display:grid;grid-template-columns:610px minmax(0,1fr);gap:85px;align-items:start}
.actions{display:flex;align-items:center;gap:32px;margin-top:32px}
.window{border:1px solid #666;background:white;position:relative;min-width:0}
.window-top{height:42px;border-bottom:1px solid #aaa;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:13px/1.5 monospace;color:#555}
.window-controls{display:flex;gap:12px}.window-body{padding:24px}
.media-placeholder{border:1px dashed #aaa;background:#fafafa;display:flex;align-items:center;justify-content:center;text-align:center;height:298px;padding:28px}
.media-placeholder strong{display:inline-block;font-size:24px;line-height:1.4;margin-bottom:12px}.media-placeholder small{font-size:16px;line-height:26px}
.simulation-label{font:12px/1.5 monospace;color:#666;margin-top:24px}
.section{border-bottom:1px solid #ddd;min-height:750px;padding-top:98px;padding-bottom:60px}
.section .copy p{font-size:20px;line-height:30px;margin-bottom:56px}.copy a{font-size:17px}.section .copy{padding-top:18px}
.section .window{min-height:455px}.section .media-placeholder{height:319px}
.center{text-align:center}.center>p{max-width:940px;margin:0 auto;font-size:20px;line-height:30px}
.split-rev{grid-template-columns:minmax(0,1fr) 610px;gap:90px}
.demo-stack{position:relative;isolation:isolate}
.demo-stack:before,.demo-stack:after{content:"";position:absolute;inset:9px 9px -9px -9px;background:white;border:1px solid #aaa;z-index:-1}
.demo-stack:after{inset:18px 18px -18px -18px;z-index:-2}
.sheet{width:100%;border-collapse:collapse;font-size:16px;text-align:left}
.sheet td,.sheet th{border:1px solid #bbb;padding:12px}.sheet th{background:#f0f0f0;font-weight:400}
.flow-join{text-align:center;font-size:28px;margin:15px 0}
.frame-placeholder{border:1px dashed #aaa;background:#fafafa;text-align:center;padding:22px;line-height:28px}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.catalog-item{font-size:13px}
.photo-slot{height:130px;background:#eee;border:1px solid #bbb;display:grid;place-items:center;color:#666;margin-bottom:10px}
.business-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:100px}
.cost-box{height:170px;border:1px solid #aaa;background:#fafafa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:20px}.cost-box small{font-size:14px}
.section-head{text-align:center;margin-bottom:48px}
.testimonial-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;padding:0 20px}
.testimonial-slot{min-height:260px;border:1px dashed #999;background:#fafafa;padding:36px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:16px}.testimonial-slot strong{font-size:20px;margin-bottom:16px}
.devices{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:112px}
.device{border:2px solid #777;background:#fafafa;display:grid;place-items:center;font-size:16px}
.game{width:85px;height:130px;flex:none;font-size:12px}.desktop{width:230px;height:165px}.notebook{width:250px;height:190px}.phone{width:105px;height:175px}.tablet{width:185px;height:195px}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,450px));justify-content:center;gap:50px;margin-top:45px}
.plan{text-align:left;border:1px solid #999;padding:24px 28px;min-height:480px;display:flex;flex-direction:column}
.price{font-size:40px;line-height:1.3;margin:12px 0 0}.plan-subtitle{font-size:17px;margin-bottom:24px}
.plan ul{list-style:none;padding:18px 0 0;margin:0 0 24px;border-top:1px solid #bbb;font-size:15px;line-height:23px;flex:1}.plan li{margin-bottom:5px}
.plan .button{align-self:flex-start;min-height:45px}
.faq-list{max-width:1020px;margin:auto}
.site details{border-top:1px solid #bbb;padding:20px 0}.site details:last-child{border-bottom:1px solid #bbb}
.site summary{font-size:19px;font-weight:600;cursor:pointer}.site details p{font-size:16px;line-height:25px;color:#555;margin-top:12px}
.site-footer{background:#000;color:white}
.footer-inner{min-height:500px;padding-top:50px;display:flex;flex-direction:column;justify-content:space-between}
.footer-bottom{border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:118px}.footer-bottom .small{color:#aaa}
.footer-links{display:flex;gap:22px;align-items:center;font-size:12px}.footer-links button{border:0;padding:0;background:none;color:white;font-size:12px}
/* Primeira dobra — Aero */
.site-header,.hero{font-family:'DM Sans',sans-serif;font-optical-sizing:auto;color:var(--hero-ink);background:var(--hero-paper)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #11100f12;background:rgba(253,251,248,.78);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.brand-img{display:block;width:58px;height:auto}
.menubar-status{grid-column:1;grid-row:1;justify-self:start;margin-left:-6px;display:flex;align-items:center;gap:2px;font-size:13px;color:#6d665e;font-variant-numeric:tabular-nums;white-space:nowrap}
.status-item{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px}
.status-item svg{width:16px;height:16px;flex-shrink:0}.status-battery svg{width:22px}
.status-timer{color:#b8473e}
/* Alinhamento ótico: o corpo do wordmark (sem o circunflexo) fica baixo.
   Os textos descem para a linha de base do logo. */
.site-header{--optical-nudge:3px}
.site-nav a,.header-login,.status-clock,.status-timer{padding-top:var(--optical-nudge)}
.status-timer svg{margin-top:calc(var(--optical-nudge) * -1)}
/* Layout: status à esquerda · logo no centro · navegação + Entrar à direita */
.header-inner>.brand{grid-column:2;grid-row:1}
.site-nav{grid-column:3;grid-row:1;justify-self:end}
.header-login{margin-left:2px}
/* Timer do forno na barra de título da janela do produto */
.product-titlebar>.titlebar-timer{grid-column:1;justify-self:start;display:flex;align-items:center;gap:5px;font-size:12px;color:#b8473e;font-variant-numeric:tabular-nums;white-space:nowrap}
.titlebar-timer svg{width:14px;height:14px;flex-shrink:0}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:44px;padding:0 14px;gap:8px}
.site-nav{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:450;color:#4b443d}
.site-nav a,.header-login{display:flex;align-items:center;height:30px;padding:0 10px;border-radius:7px;text-decoration:none;white-space:nowrap;transition:background var(--motion-quick) ease,box-shadow var(--motion-quick) ease}
.site-nav a:hover,.header-login:hover{background:linear-gradient(180deg,#f2f9ff 0%,#d9ecfd 45%,#bcdcf8 52%,#cfe6fb 100%);box-shadow:inset 0 0 0 1px #7fb0de,inset 0 1px 1px #fff,0 1px 2px #1f5f9a1f;color:#0b2a4a}
.header-login{border:0;background:none;font:600 14px/20px 'DM Sans',sans-serif;color:#11100f;cursor:pointer}
.hero{display:flex;flex-direction:column;gap:var(--hero-gap);padding:50px max(52px,calc((100vw - 1496px)/2)) 32px;overflow:clip}
.hero-heading{width:100%;max-width:1320px;margin:0 auto;text-align:center}
.hero-eyebrow{display:block;font-size:16px;line-height:24px;color:#77736f;margin:0 0 22px}
.hero h1{font-size:clamp(40px,4.3vw,66px);font-weight:750;line-height:1.12;letter-spacing:-1.8px;margin:0}
.hero-mark{position:relative;display:inline-block;white-space:nowrap;isolation:isolate}
.chalk-mark{position:absolute;left:-4%;bottom:-22px;width:108%;height:22px;overflow:visible;z-index:-1;pointer-events:none}
.chalk-reveal{stroke-dasharray:1 2;stroke-dashoffset:1;animation:chalk-draw .55s cubic-bezier(.45,.1,.25,1) .35s forwards}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pixel-wobble{display:inline-flex;font-family:'Jersey 10','DM Sans',sans-serif;font-weight:400;font-size:1.32em;line-height:.9;letter-spacing:1px;vertical-align:-.06em}
.pixel-wobble>span{text-shadow:-1px 0 rgba(255,40,110,.38),1px 0 rgba(0,190,255,.38),2px 2px 0 #11100f}
.pixel-wobble>span:nth-child(1){color:#ff7168}.pixel-wobble>span:nth-child(2){color:#ff9f43}.pixel-wobble>span:nth-child(3){color:#f2c12e}.pixel-wobble>span:nth-child(4){color:#3fcf6a}.pixel-wobble>span:nth-child(5){color:#2bbfb3}.pixel-wobble>span:nth-child(6){color:#5b94f7}.pixel-wobble>span:nth-child(7){color:#b07cf7}
.pixel-wobble>span{display:inline-block;animation:pixel-wobble .72s infinite;animation-timing-function:steps(1,end)}
.pixel-wobble>span:nth-child(2){animation-delay:-.09s}.pixel-wobble>span:nth-child(3){animation-delay:-.18s}.pixel-wobble>span:nth-child(4){animation-delay:-.27s}.pixel-wobble>span:nth-child(5){animation-delay:-.36s}.pixel-wobble>span:nth-child(6){animation-delay:-.45s}.pixel-wobble>span:nth-child(7){animation-delay:-.54s}
@keyframes pixel-wobble{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}}
@keyframes chalk-draw{to{stroke-dashoffset:0}}
.pixel-wobble{animation:crt-jitter 4.2s infinite;animation-timing-function:steps(1,end)}
.pixel-wobble>span{-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,rgba(0,0,0,.72) 2px 3px);mask-image:repeating-linear-gradient(180deg,#000 0 2px,rgba(0,0,0,.72) 2px 3px)}
@keyframes crt-jitter{0%,90%,100%{transform:none;opacity:1}91%{transform:translateX(1.5px) skewX(-5deg);opacity:.88}92%{transform:translateX(-1px)}93%{transform:none;opacity:1}96%{transform:translateX(1px);opacity:.94}97%{transform:none;opacity:1}}
.hero-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--hero-gap);width:100%;max-width:1496px;margin:0 auto;align-items:center}
.product-demo{margin:0;min-width:0;padding-bottom:20px}
.product-stack{position:relative;isolation:isolate;margin-left:22px}
.stack-sheet,.product-window{border:1px solid #8b8c8c;border-radius:14px;background:#f1f1f0}
.stack-sheet{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px #fff8,0 2px 3px #0000000a}
.stack-sheet-middle{transform:translate(-10px,10px);z-index:-1}
.stack-sheet-back{transform:translate(-20px,20px);z-index:-2;box-shadow:inset 0 0 0 3px #fff8,0 12px 18px -8px #38312538}
.product-window{position:relative;overflow:hidden;background:#f8f6f3;box-shadow:inset 0 0 0 2px #fff9,0 10px 16px -10px #39302745}
.product-titlebar{height:38px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:linear-gradient(180deg,#fafafa 0%,#ebebec 48%,#e4e5e6 100%);border-bottom:1px solid #c4c4c4;box-shadow:inset 0 1px 2px #fff;line-height:20px}
.product-titlebar>span{grid-column:2;text-align:center;font-size:14px;color:#8a827a}
.traffic-lights{grid-column:3;justify-self:end;display:flex;gap:10px}
.traffic-lights i{display:block;width:14px;height:14px;border-radius:50%;border:1px solid var(--rim);background:radial-gradient(ellipse at 35% 20%,#ffffffc9 0%,#ffffff33 28%,transparent 50%),linear-gradient(var(--top),var(--bottom));box-shadow:inset 0 0 0 1px #ffffff77,0 1px 1px #0002}
.light-red{--top:#ff9388;--bottom:#f45147;--rim:#d8645e}.light-yellow{--top:#ffdf5f;--bottom:#f2b715;--rim:#cba326}.light-green{--top:#73e58a;--bottom:#29c34b;--rim:#47a960}
.product-screen{aspect-ratio:16/9;background:#f9f6f2;overflow:hidden}
.product-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.hero-copy{display:flex;flex-direction:column;gap:var(--hero-gap);min-width:0;container-type:inline-size}
.hero-copy>p{font-size:clamp(23px,1.84vw,28px);line-height:1.32;font-weight:450;letter-spacing:-.65px;margin:0}
.hero-action-group{position:relative;min-height:120px;padding-top:46px}
.aqua-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;width:306px;max-width:100%;min-height:74px;padding:15px 20px;border:1px solid #ee7c69;border-radius:18px;background:linear-gradient(180deg,#ffd4c7 0%,#ffb6a2 30%,#ff9c83 56%,#ff8f79 100%);box-shadow:inset 0 0 0 2px #ffede18f,inset 0 3px 5px #fff8,inset 0 -3px 4px #f879644d,0 2px 2px #cc655f35,0 16px 24px -10px #b76f4b50;color:#161211;text-decoration:none;font-size:26px;font-weight:650;letter-spacing:-.65px;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}
.aqua-cta::before{content:'';position:absolute;top:7px;left:10px;width:14px;height:7px;background:#fff;border-radius:70% 40% 60% 35%;transform:rotate(-20deg);opacity:.85}
.cta-anchor{position:relative;display:inline-block;max-width:100%}
.aqua-bubble{position:absolute;z-index:2;bottom:calc(100% - 10px);left:calc(100% - 110px);left:clamp(calc(100% - 110px),calc(100cqw - 250px),calc(100% - 36px));padding:15px 18px;white-space:nowrap;border:1px solid #a1cbb9;border-radius:24px;background:linear-gradient(180deg,#f5fcf7 0%,#e8f6ec 43%,#d8eee1 100%);box-shadow:inset 0 2px 2px #fff,inset 0 -1px 3px #bee3d155,0 10px 20px -10px #49795b59;color:#111e16;text-decoration:none;font-size:19px;line-height:24px;letter-spacing:-.45px;transition:transform var(--motion-fast) var(--motion-ease)}
.aqua-bubble::after{content:'';position:absolute;bottom:-9px;left:16px;width:16px;height:18px;background:#dcefe3;border-left:1px solid #a1cbb9;border-bottom:1px solid #a1cbb9;transform:skewY(-32deg) rotate(-8deg);border-bottom-left-radius:5px}
.hero-discover{display:inline-block;align-self:flex-start;font-size:20px;line-height:28px;font-weight:450;letter-spacing:-.25px;text-decoration:underline;text-underline-offset:5px}
.hero-module-nav{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:1496px;margin:0 auto;border:1px solid #9fa1a2;border-radius:22px;background:linear-gradient(180deg,#fdfefe 0%,#eef1f2 45%,#d9dfe2 51%,#e6e9e9 100%);box-shadow:inset 0 0 0 2px #fff9,inset 0 3px 5px #fff,inset 0 -3px 5px #89969e24,0 2px 2px #3c485213,0 12px 20px -14px #394e6655;overflow:hidden}
.hero-module-nav::before{content:"";position:absolute;z-index:0;top:6px;left:10px;right:10px;height:42%;border-radius:15px 15px 45% 45% / 15px 15px 9px 9px;background:linear-gradient(180deg,#fff,#ffffff26);pointer-events:none}
.hero-module-nav a{position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-height:76px;padding:12px 22px;color:#302e2b;text-decoration:none;box-shadow:inset 1px 0 0 #fff9;transition:background var(--motion-fast)}
.hero-module-nav a+a{border-left:1px solid #adb5ba66}
.module-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;color:#78736b}
.module-label{font-size:16px;font-weight:550;letter-spacing:-.2px}
.module-arrow{margin-left:auto;color:#8c8880;font-size:19px;transition:transform var(--motion-fast) var(--motion-ease)}
.hero-module-nav a:hover{background:linear-gradient(#ffffff22,#b9d9f566);color:#0b2a4a}
.hero-module-nav a:hover .module-arrow{color:#2a6aa8;transform:translate(2px,2px)}
.aqua-cta:hover{transform:translateY(-2px)}
.aqua-bubble{transform-origin:20px 100%;opacity:0;pointer-events:none}
.bubble-on .aqua-bubble{pointer-events:auto;animation:bubble-pop .6s cubic-bezier(.34,1.56,.64,1) .15s both,bubble-float 3.2s ease-in-out .75s infinite}
@keyframes bubble-pop{0%{opacity:0;transform:translateY(14px) scale(.6) rotate(4deg)}70%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes bubble-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1.2deg)}}
@media(max-width:1200px){.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:50px}.split-rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.actions{gap:18px;flex-wrap:wrap}.devices{gap:20px}}
@media(max-width:1150px){.hero{padding:42px 36px 64px}.hero h1{font-size:48px}.hero-break{display:none}.hero-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.hero-copy>p{font-size:23px}.aqua-cta{width:250px;font-size:23px;min-height:66px}.aqua-bubble{font-size:16px;padding:12px 14px}.hero-discover{font-size:17px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.site h2{font-size:32px}.eyebrow{font-size:13px}.split,.split-rev{display:flex;flex-direction:column;gap:44px}.window-body{padding:18px}.media-placeholder,.section .media-placeholder{height:260px;padding:18px}.media-placeholder strong{font-size:21px}.section{min-height:0;padding-top:64px;padding-bottom:64px}.section .window{min-height:0}.section .copy p{font-size:18px;line-height:28px;margin-bottom:28px}.section .copy{padding:0}.catalog{gap:18px 12px}.photo-slot{height:90px}.business-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}.cost-box{font-size:17px;height:150px}.center>p{font-size:18px;line-height:28px}.testimonial-grid{grid-template-columns:1fr;gap:20px;padding:0}.testimonial-slot{min-height:220px}.section-head{margin-bottom:32px}.devices{margin-top:50px;flex-wrap:wrap;justify-content:center;gap:24px}.desktop{width:180px;height:135px}.notebook{width:200px;height:150px}.tablet{width:150px;height:170px}.pricing-grid{grid-template-columns:1fr;gap:24px;margin-top:36px}.plan{padding:24px}.price{font-size:36px}.footer-bottom{flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 0}.footer-links{flex-wrap:wrap;gap:16px}
.header-inner{height:44px;padding:0 8px;gap:2px}.brand-img{width:48px}.site-nav{font-size:13px}.site-nav a{padding:0 7px}.status-hide-sm{display:none}.status-item{padding:0 6px}.header-login{font-size:13px;padding:var(--optical-nudge) 8px 0}.header-inner{display:flex}.menubar-status{display:none}.site-nav{margin-left:auto}.product-titlebar>.titlebar-timer{display:none}.hero{padding:36px 22px 52px}.hero-eyebrow{font-size:13px;margin-bottom:16px}.hero h1{font-size:clamp(31px,7.9vw,48px);line-height:1.1;letter-spacing:-1.25px}.chalk-mark{height:16px;bottom:-16px}.hero-layout{display:flex;flex-direction:column}.product-demo{width:100%;padding-bottom:12px}.product-stack{margin-left:14px}.stack-sheet-middle{transform:translate(-6px,6px)}.stack-sheet-back{transform:translate(-12px,12px)}.product-titlebar{height:33px;padding:0 12px}.product-titlebar>span{font-size:14px}.traffic-lights{gap:7px}.traffic-lights i{width:11px;height:11px}.hero-copy{width:100%}.hero-copy>p{font-size:23px;line-height:1.38;letter-spacing:-.5px}.aqua-cta{width:270px;min-height:68px;font-size:24px;border-radius:17px}.aqua-bubble{font-size:17px;padding:12px 15px;left:auto;right:-10px;border-radius:22px}.hero-discover{font-size:17px}.product-window,.stack-sheet{border-radius:11px}
.hero-module-nav{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.hero-module-nav a{gap:9px;min-height:66px;padding:10px 12px}.hero-module-nav a:nth-child(3){border-left:0}.hero-module-nav a:nth-child(n+3){border-top:1px solid #d5d3ce}.module-number{width:23px;height:23px;font-size:10px}.module-label{font-size:12px}.module-arrow{font-size:16px}}
@media(max-width:370px){.site-nav{font-size:12px}.site-nav a{padding:0 5px}.status-clock{display:none}.brand-img{width:44px}.header-login{font-size:12px;padding:var(--optical-nudge) 6px 0}.hero{padding-left:18px;padding-right:18px}.aqua-cta{width:240px}.hero-copy>p{font-size:21px}.aqua-bubble{font-size:16px}.hero-module-nav a{padding:10px 9px;gap:6px}.module-label{font-size:11px;white-space:nowrap}}
/* Primeira dobra · variante Centralizada (referência HeyClicky): título como protagonista, muito ar, produto abaixo */
.hero-b{gap:0!important;padding-top:104px;padding-bottom:64px}
.hero-b .hero-layout{display:contents}
.hero-b .hero-heading{order:1;max-width:1180px}
.hero-b h1{font-size:clamp(44px,5.2vw,78px);line-height:1.06;letter-spacing:-2.4px;text-wrap:balance}
.hero-break-b{display:none}
.hero-b .hero-break{display:none}.hero-b .hero-break-b{display:revert}
.hero-b .hero-heading{max-width:1240px}
.hero-b .hero-copy{order:2;align-self:center;align-items:center;text-align:center;gap:0;margin-top:36px;max-width:620px;width:100%}
.hero-b .hero-copy>p{font-size:clamp(20px,1.6vw,24px);line-height:1.4;color:#4b443d;letter-spacing:-.35px}
.hero-b .hero-action-group{padding-top:58px!important;min-height:0}
.hero-b .aqua-bubble{left:calc(100% - 72px);bottom:calc(100% - 2px)}
.aqua-secondary{display:none}
.site-b .nav-conheca{display:none}
.hero-module-nav{scroll-margin-top:160px}
.hero-b .hero-action-group{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
/* Link terciário · hiperlink clássico anos 2000 */
.hero-b .aqua-secondary{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 4px;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:17px;font-weight:400;letter-spacing:0;color:#0000ee;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
.hero-b .aqua-secondary:visited{color:#551a8b}
.hero-b .aqua-secondary:hover{outline:1px dotted #11100f;outline-offset:1px}
.hero-b .aqua-secondary:active{color:#ff0000}
/* Mãozinha de pixel (cursor clássico) cutucando o link, no mesmo ritmo “videogame” do gostosa */
.pixel-hand{width:21px;height:16px;flex-shrink:0;shape-rendering:crispEdges;animation:hand-poke 1.2s infinite;animation-timing-function:steps(1,end)}
/* Como um GIF de ~10 quadros/s: vai cutucando, bate no texto e volta, depois pausa */
@keyframes hand-poke{0%{transform:translate(0,0)}8%{transform:translate(2px,0)}16%{transform:translate(4px,1px)}24%{transform:translate(6px,1px)}32%{transform:translate(4px,0)}40%{transform:translate(6px,1px)}48%{transform:translate(3px,0)}56%{transform:translate(1px,0)}64%,100%{transform:translate(0,0)}}
.hero-b .aqua-secondary:hover .pixel-hand{animation-duration:.6s}
@media(prefers-reduced-motion:reduce){.pixel-hand{animation:none}}
.hero-b .product-demo{order:3;align-self:center;width:100%;max-width:1080px;margin-top:104px}
.hero-b .hero-module-nav{order:4;margin-top:72px;width:100%!important;max-width:1080px}
@media(max-width:760px){.hero-b{padding-top:48px;padding-bottom:48px}.hero-b h1{font-size:clamp(31px,8.4vw,48px);letter-spacing:-1.25px}.hero-b .hero-break-b{display:none}.hero-b .hero-copy{margin-top:24px}.hero-b .hero-action-group{padding-top:56px!important}.hero-b .aqua-bubble{left:auto;right:-10px}.hero-b .hero-action-group{flex-direction:column;align-items:center;gap:14px}.hero-b .aqua-secondary{font-size:16px}.hero-b .product-demo{margin-top:56px}.hero-b .hero-module-nav{margin-top:40px}}
/* ═══ Seções · linguagem HeyClicky + web 90/2000 ═══════════════════ */
.s-page{font-family:'DM Sans',sans-serif;font-optical-sizing:auto;color:#11100f;background-color:#fdfbf8;background-image:radial-gradient(#11100f1c 1px,transparent 1.2px);background-size:26px 26px;background-position:13px 13px;overflow:clip}
.s-wrap{width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(22px,4.5vw,88px)}
.s-section{position:relative;padding:140px 0}
.s-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:96px;align-items:center}
.s-split.s-rev{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.s-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-size:15px;color:#77736f}
.s-num{display:inline;font:inherit;color:inherit;font-variant-numeric:tabular-nums}
.s-num::after{content:' ·';}
.s-eyebrow{gap:6px}
.s-h2{margin:0 0 22px;font-size:clamp(36px,3.7vw,58px);font-weight:750;line-height:1.04;letter-spacing:-1.8px;text-wrap:balance}
.s-p{margin:0 0 36px;max-width:520px;font-size:20px;line-height:1.5;color:#4b443d}
.s-center{text-align:center}.s-center .s-p{margin-left:auto;margin-right:auto;max-width:680px}
.s-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:16px;color:#0000ee;text-decoration:underline;text-underline-offset:3px}
.s-link:visited{color:#551a8b}.s-link:hover{outline:1px dotted #11100f;outline-offset:1px;color:#0000ee}.s-link:active{color:#ff0000}
/* Botões secundários Aqua, uma cor por momento: 01 menta (receita), 02 azul (planilha/insumos), 03 rosa (vitrine) */
.s-aqua{--a1:#f3fcf6;--a2:#d6f1e0;--a3:#b9e4cb;--ab:#86c4a2;--at:#123824;--ash:#3d7a5640;position:relative;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:13px 24px;border:1px solid var(--ab);border-radius:15px;background:linear-gradient(180deg,var(--a1) 0%,var(--a2) 48%,var(--a3) 52%,var(--a2) 100%);box-shadow:inset 0 0 0 2px #ffffff80,inset 0 3px 4px #fff,inset 0 -3px 4px #00000010,0 2px 2px #00000010,0 14px 22px -12px var(--ash);color:var(--at);font:600 17px/1.2 'DM Sans',sans-serif;letter-spacing:-.2px;text-decoration:none;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),filter var(--motion-fast)}
.s-aqua::before{content:'';position:absolute;top:6px;left:9px;width:12px;height:6px;border-radius:70% 40% 60% 35%;background:#fff;opacity:.9;transform:rotate(-20deg)}
.s-aqua span{display:inline-block;transition:transform var(--motion-fast) var(--motion-ease)}
.s-aqua:hover{transform:translateY(-2px);filter:saturate(1.08);color:var(--at)}
.s-aqua:hover span{transform:translateY(3px)}
.s-aqua:active{transform:translateY(1px) scale(.99);box-shadow:inset 0 2px 5px #0000001f,inset 0 0 0 2px #ffffff66}
.s-aqua:focus-visible{outline:3px solid var(--ab);outline-offset:4px}
.s-aqua-blue{--a1:#f2f9ff;--a2:#d4e9fc;--a3:#acd3f6;--ab:#6fa4d8;--at:#0b2a4a;--ash:#1f5f9a45}
.s-aqua-pink{--a1:#fff4f9;--a2:#ffdcec;--a3:#ffbfd9;--ab:#e391b6;--at:#4a1430;--ash:#b3427a45}
.s-caption{margin:14px 0 0;font-size:13px;color:#8a827a;text-align:center}
.s-stage{position:relative}
/* Janela Aqua reaproveitada (mesmo material do hero) */
.s-window{position:relative;overflow:hidden;border:1px solid #8b8c8c;border-radius:14px;background:#f8f6f3;box-shadow:inset 0 0 0 2px #fff9,0 24px 40px -24px #39302766,0 2px 3px #0000000d}
.s-window .product-titlebar>span{font-size:13px}
.s-shot{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top}
/* Adesivos e objetos soltos, como no HeyClicky */
.s-sticker{position:absolute;z-index:3;pointer-events:none}
.s-float{animation:s-float 5.5s ease-in-out infinite}
.s-float.d2{animation-delay:-1.8s;animation-duration:6.5s}.s-float.d3{animation-delay:-3.2s;animation-duration:7s}
@keyframes s-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(calc(var(--r,0deg) + 1.5deg))}}
.s-kaomoji{font-family:'DM Sans',sans-serif;font-size:22px;color:#11100f;white-space:nowrap}
/* Ícone de arquivo no estilo Windows XP, como sticker recortado */
.xp-sticker{display:flex;flex-direction:column;align-items:center;gap:8px;width:150px}
.xp-doc-img{display:block;width:100px;height:auto;filter:drop-shadow(0 1px 1px #0002) drop-shadow(0 12px 14px #0005)}
.xp-doc{width:58px;height:68px;filter:drop-shadow(1px 2px 1px #1d3a7033)}
.xp-label{max-width:126px;padding:2px 5px;border-radius:2px;background:#316ac5;color:#fff;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:11px;line-height:1.3;text-align:center;word-break:break-all}
.s-file{display:flex;flex-direction:column;align-items:center;gap:6px;width:116px;font-family:Tahoma,Verdana,sans-serif;font-size:11px;line-height:1.25;color:#11100f;text-align:center}
.s-file svg{width:40px;height:48px;shape-rendering:crispEdges}
.s-file span{padding:1px 3px;background:#fdfbf8}
.s-tag{display:flex;align-items:center;gap:8px;padding:9px 14px 9px 22px;border:1px solid #c9564c;border-radius:6px 14px 14px 6px;background:linear-gradient(#ff8f84,#ff7168);color:#fff;font-weight:700;font-size:15px;box-shadow:0 8px 16px -8px #b3423a88;position:relative}
.s-tag::before{content:'';position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fdfbf8;box-shadow:inset 0 1px 1px #0003}
/* Revelação ao rolar: a janela “abre” como no sistema */
@supports (animation-timeline: view()){
  .s-reveal{animation:s-open linear both;animation-timeline:view();animation-range:entry 5% entry 45%}
  @keyframes s-open{from{opacity:0;transform:translateY(36px) scale(.95)}to{opacity:1;transform:none}}
}

/* Atalhos 01–04 fixos abaixo do header enquanto a pessoa navega pelas seções 01–04 */
.s-modules{scroll-margin-top:44px}
.s-modnav-wrap{position:sticky;top:56px;z-index:40;padding:8px 52px 0}
/* Usa o mesmo limite da marcação; mantém a geometria para não oscilar na rolagem. */
.s-modnav-wrap.is-past-modules{visibility:hidden;pointer-events:none}
.s-modnav-wrap .hero-module-nav{width:100%!important;max-width:1320px;margin:0 auto}
.hero-module-nav a.is-active{background:linear-gradient(180deg,#f2f9ff 0%,#d9ecfd 45%,#bcdcf8 52%,#cfe6fb 100%);color:#0b2a4a;box-shadow:inset 0 0 0 1px #7fb0de}
.hero-module-nav a.is-active .module-arrow{color:#2a6aa8;transform:translate(2px,2px)}
.hero-module-nav a.is-active .module-number{color:#2a6aa8}

/* 01 · Ficha técnica: mesma interface nativa da tela de insumos. */
.s-prod .s-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:clamp(48px,5vw,104px);align-items:center;max-width:1760px}
.s-prod-head{grid-column:2;grid-row:1;display:block;margin:0}
.s-prod-head .s-h2{margin-bottom:22px}
.s-prod-head .s-p{margin-bottom:12px}
.s-prod-stage{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;container:recipe / inline-size}
.recipe-app.insumos-app{min-height:540px}
.recipe-main.insumos-main{padding:20px 24px 24px}
.recipe-main .insumos-breadcrumb{gap:12px}
.recipe-main .insumos-breadcrumb b{padding-inline:6px}
.recipe-main .insumos-account{flex:none}
.recipe-heading.insumos-heading{margin-bottom:20px;min-height:35px}
.recipe-heading h3{display:flex;align-items:center;min-width:0}
.mk-type{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:mk-type 12s infinite}
.mk-caret{display:inline-block;width:2px;height:1em;margin-left:3px;background:#ed786d;animation:mk-blink 1s steps(1) infinite}
.recipe-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}
.recipe-field{display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px 12px;border:1px solid #e2dbd2;border-radius:8px;background:#fff9;box-shadow:0 1px 2px #00000005}
.recipe-field>span{font-size:10px;color:#938a7f}
.mk-pill{font-size:14px;line-height:1.4;font-weight:500;color:#393630;opacity:0;font-variant-numeric:tabular-nums}
.recipe-field .mk-pill{margin-top:auto}
.mk-pill small{font-size:11px;font-weight:400;color:#938a7f;margin-left:3px}
.mk-pill.p1{animation:mk-i18 12s infinite}.mk-pill.p2{animation:mk-i21 12s infinite}.mk-pill.p3{animation:mk-i24 12s infinite}
.recipe-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.recipe-table-heading h4{margin:0;font-size:13px;font-weight:550;color:#393630}.recipe-table-heading>span{font-size:10px;color:#a39a8d}
.mk-card{border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden;flex-shrink:0}
.mk-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 80px;align-items:center;gap:12px;min-height:44px;padding:10px 13px;border-top:1px solid #eee9e1;font-size:13px;line-height:1.4;color:#35312d;opacity:0}
.mk-row span:nth-child(n+2){font-variant-numeric:tabular-nums;white-space:nowrap;color:#81796e}.mk-row span:nth-child(3){text-align:right;color:#393630}
.mk-head{min-height:35px;padding-block:8px;opacity:1;border-top:0;background:#fcfaf6;font-size:10px;color:#867e74}.mk-head span:nth-child(n+2){color:inherit}
.mk-row.r1{animation:mk-i28 12s infinite}.mk-row.r2{animation:mk-i33 12s infinite}.mk-row.r3{animation:mk-i38 12s infinite}.mk-row.r4{animation:mk-i43 12s infinite}.mk-row.r5{animation:mk-i48 12s infinite}
.mk-total{grid-template-columns:1fr auto;min-height:48px;background:#fcfaf6;animation:mk-i56 12s infinite}.mk-total>span{font-size:12px;color:#81796e}.mk-total strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.recipe-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;min-height:56px}
.recipe-save{position:relative;flex-shrink:0}.recipe-save .mk-btn{padding:9px 14px;font-size:12px;font-weight:500;animation:mk-press 12s infinite}
.mk-cursor{position:absolute;right:18px;bottom:-10px;z-index:5;width:21px;height:28px;shape-rendering:crispEdges;opacity:0;animation:mk-cursor 12s infinite}
.mk-toast{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:#789279;opacity:0;animation:mk-toast 12s infinite}.mk-toast svg{width:16px;height:16px;flex:none}
@keyframes mk-type{0%,4%{max-width:0;opacity:1;animation-timing-function:steps(15,end)}16%,93%{max-width:16ch;opacity:1}97%,100%{max-width:16ch;opacity:0}}
@keyframes mk-blink{50%{opacity:0}}
@keyframes mk-press{0%,69%,74%,100%{transform:none;filter:none}71%{transform:scale(.94);filter:brightness(.9)}}
@keyframes mk-cursor{0%,56%{opacity:0;transform:translate(-260px,-200px)}58%{opacity:1;transform:translate(-260px,-200px)}68%{opacity:1;transform:none}71%{opacity:1;transform:scale(.86)}73%,84%{opacity:1;transform:none}88%,100%{opacity:0;transform:translate(30px,30px)}}
@keyframes mk-toast{0%,72%{opacity:0;transform:translateY(-10px)}75%,90%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes mk-i18{0%,18%{opacity:0;transform:translateY(8px)}21%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i21{0%,21%{opacity:0;transform:translateY(8px)}24%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i24{0%,24%{opacity:0;transform:translateY(8px)}27%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i28{0%,28%{opacity:0;transform:translateY(8px)}31%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i33{0%,33%{opacity:0;transform:translateY(8px)}36%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i38{0%,38%{opacity:0;transform:translateY(8px)}41%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i43{0%,43%{opacity:0;transform:translateY(8px)}46%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i48{0%,48%{opacity:0;transform:translateY(8px)}51%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes mk-i56{0%,56%{opacity:0;transform:translateY(8px)}59%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@media(max-width:760px){.s-modnav-wrap{position:static;padding:8px 22px 0}}
@media(max-width:1000px){
 .s-prod .s-wrap{grid-template-columns:1fr;gap:40px}
 .s-prod-head{grid-column:1;grid-row:1}.s-prod-stage{grid-column:1;grid-row:2}
}
@container recipe (max-width:560px){
 .recipe-app.insumos-app{grid-template-columns:1fr;min-height:0}.recipe-app .insumos-sidebar{display:none}
 .recipe-main.insumos-main{padding:18px 20px 22px}.recipe-heading.insumos-heading h3{font-size:27px;letter-spacing:-.8px}
 .recipe-main .insumos-breadcrumb{font-size:10px}.recipe-meta{gap:8px;margin-bottom:22px}.recipe-field{padding:9px 10px}.mk-row{grid-template-columns:minmax(0,1fr) 76px 66px;gap:8px;padding-inline:12px}.mk-head{font-size:10px}.mk-total{grid-template-columns:1fr auto}
}
@container recipe (max-width:370px){
 .recipe-main.insumos-main{padding:16px 14px 20px}.recipe-main .insumos-breadcrumb{font-size:9px;gap:6px}.recipe-main .insumos-breadcrumb b{padding-inline:3px}
 .recipe-heading.insumos-heading h3{font-size:25px}.recipe-field{padding:9px 8px}.recipe-field>span{font-size:9px}.mk-pill{font-size:13px}.mk-pill small{font-size:10px;margin-left:1px}
 .mk-row{grid-template-columns:minmax(0,1fr) 65px 57px;gap:6px;padding-inline:10px;font-size:12px}.mk-head{font-size:9px}.mk-total{grid-template-columns:1fr auto}.mk-total>span{font-size:11px}
 .recipe-actions{gap:8px}.recipe-save .mk-btn{padding:9px 11px;font-size:11px}.mk-toast{font-size:10px;gap:5px}
}
@media(prefers-reduced-motion:reduce){
 .mk-type{animation:none;max-width:none}.mk-caret{animation:none;display:none}
 .mk-pill,.mk-row,.mk-total{animation:none;opacity:1}.mk-btn{animation:none!important}.mk-cursor{animation:none;display:none}.mk-toast{animation:none;opacity:1}
}

/* 02 · planilha Windows 98 */
.win98{position:relative;background:#c0c0c0;border:1px solid;border-color:#dfdfdf #404040 #404040 #dfdfdf;box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #fff,0 20px 34px -22px #0006;padding:3px;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:13px;color:#000}
.win98-title{display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 3px 0 6px;background:linear-gradient(90deg,#0a246a,#a6caf0);color:#fff;font-weight:700;font-size:12px}
.win98-btns{display:flex;gap:2px}
.win98-btns i{display:grid;place-items:center;width:16px;height:14px;background:#c0c0c0;border:1px solid;border-color:#fff #404040 #404040 #fff;font-style:normal;font-size:9px;font-weight:700;line-height:1;color:#000}
.win98-menu{display:flex;gap:14px;padding:4px 6px 5px;font-size:12px}
.win98-menu u{text-underline-offset:1px}
.win98-grid{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
.win98-grid th{height:22px;background:#c0c0c0;border:1px solid #808080;font-weight:400;color:#000}
.win98-grid td{height:30px;padding:0 8px;border:1px solid #d4d0c8}
.win98-grid td:first-child,.win98-grid th:first-child{width:30px;text-align:center;background:#c0c0c0;border-color:#808080;padding:0}
.win98-err{color:#c00000;font-weight:700}
.win98-cell-sel{outline:2px solid #000;outline-offset:-2px}
.win98-status{margin-top:3px;padding:3px 6px;border:1px solid;border-color:#808080 #fff #fff #808080;font-size:11px}
.s-insumos{position:absolute;right:-26px;bottom:-64px;z-index:2;width:300px}
.s-insumos-list{list-style:none;margin:0;padding:8px 14px 14px}
.s-insumos-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e7e2da;font-size:15px}
.s-insumos-list li:last-child{border-bottom:0}
.s-chip{padding:3px 9px;border:1px solid #7fb0de;border-radius:999px;background:linear-gradient(#f2f9ff,#d4e9fc);font-size:12px;color:#0b2a4a;white-space:nowrap}
.s-arrow-pixel{position:absolute;left:52%;bottom:-30px;z-index:3;width:48px;height:36px;shape-rendering:crispEdges}

/* 03 · vitrine + aviso estilo mensageiro 2005 */
.s-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
.s-product{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550;color:#302e2b}
.s-photo{display:grid;place-items:center;aspect-ratio:4/3;border:1px dashed #b8b2a7;border-radius:10px;background:#f1ece4;font-size:12px;font-weight:400;color:#8a827a}
.s-photo{overflow:hidden;border:1px solid #e7e1d7;border-style:solid;background:#fff7f8}
.s-photo img{display:block;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 8px 10px #b3426233)}
.s-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px}
.s-product{font-size:15px;font-weight:600}
.s-price-sm{font-size:12px;font-weight:400;color:#8a827a;margin-top:-4px}
.s-product:nth-child(2) .s-photo{background:#f6e4dc}.s-product:nth-child(3) .s-photo{background:#e4eef6}.s-product:nth-child(4) .s-photo{background:#efe6d3}.s-product:nth-child(5) .s-photo{background:#e8e2f1}.s-product:nth-child(6) .s-photo{background:#e2efe6}
/* Aviso inspirado no Messenger: superfície azul contínua e avatar prateado. */
.s-toast{position:relative;margin:-24px -24px 0 auto;right:auto;bottom:auto;z-index:4;width:276px;padding:4px 6px 5px;border:1px solid #7b929f;border-radius:7px;background:linear-gradient(155deg,#c5e2f7 0%,#d5eafa 64%,#f4fbff 100%);box-shadow:inset 0 0 0 1px #fff9,0 1px 3px #0007,0 8px 18px #243a4f30;font:12px/1.35 Tahoma,Verdana,sans-serif;color:#182a36}
.s-toast[hidden]{display:none}
.s-toast-top{user-select:none;display:flex;align-items:center;gap:4px;min-height:26px;padding:0 2px;font-size:11px;text-shadow:0 1px #fff8}
.s-toast-top>span{flex:1}
.s-toast-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;font:20px/1 Tahoma,sans-serif;color:#71848c;cursor:pointer}
.s-toast-close:hover{text-shadow:0 1px 2px #253e6299}
.s-toast-body{display:flex;align-items:center;gap:10px;padding:3px 4px 10px}
.s-toast-avatar{flex-shrink:0;padding:3px;border:1px solid #6a94a4;border-radius:6px;background:linear-gradient(#eaffff,#92c8d9 80%,#a5e36a);box-shadow:inset 0 0 0 1px #fff,1px 2px 3px #53677380}
.s-toast-avatar img{display:block;width:58px;height:58px;border:1px solid #7e9ca6;border-radius:3px}
.s-toast-message{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.s-toast-message>[data-order-name]{overflow-wrap:anywhere}
.s-toast-message strong{font-size:14px;font-weight:400;line-height:1.3;white-space:nowrap}
.s-toast-bottom{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:0 5px 1px;font-size:10px;color:#627f91}
.s-toast-replay{padding:6px;border:0;background:none;font:12px Tahoma,sans-serif;color:#0073f8;cursor:pointer}
.s-toast-replay:hover{text-decoration:underline}
.s-toast button:focus-visible{outline:2px solid #1677c7;outline-offset:1px}


/* 04 · teclado de custos */
.s-keys{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 12px;margin:56px auto 0;max-width:1060px}
.s-key{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:136px;height:76px;padding:10px 14px 14px;border:1px solid #9e9788;border-radius:10px;background:linear-gradient(#f6f2e8,#e6e0d2);box-shadow:inset 0 -7px 0 #d3ccbb,inset 0 1px 0 #fff,0 4px 0 #8f887a,0 10px 16px -8px #0004;font-size:16px;font-weight:600;color:#302e2b;text-align:left;animation:s-press 6s infinite}
.s-key small{font-family:'Jersey 10',monospace;font-size:16px;font-weight:400;color:#8a827a;line-height:1}
.s-key:nth-of-type(2){animation-delay:.5s}.s-key:nth-of-type(3){animation-delay:1s}.s-key:nth-of-type(4){animation-delay:1.5s}
.s-key-result{min-width:190px;border-color:#c9564c;background:linear-gradient(#ffb7a6,#ff8f79);box-shadow:inset 0 -7px 0 #ef7a66,inset 0 1px 0 #ffe3da,0 4px 0 #b9574c,0 10px 16px -8px #b3423a66;color:#161211;animation-delay:2.2s}
.s-key-result small{color:#7a2d25}
.s-op{font-family:'Jersey 10',monospace;font-size:44px;line-height:1;color:#8a827a}
@keyframes s-press{0%,8%,100%{transform:none}3%{transform:translateY(4px);box-shadow:inset 0 -3px 0 #d3ccbb,inset 0 1px 0 #fff,0 0 0 #8f887a,0 4px 8px -6px #0004}}
.s-key-result{animation-name:s-press-hot}
@keyframes s-press-hot{0%,8%,100%{transform:none}3%{transform:translateY(4px);box-shadow:inset 0 -3px 0 #ef7a66,inset 0 1px 0 #ffe3da,0 0 0 #b9574c,0 4px 8px -6px #b3423a66}}
.s-pricing-demo{max-width:1000px;margin:72px auto 0;container-type:inline-size}
.pricing-app{display:grid;grid-template-columns:146px minmax(0,1fr);min-height:430px;background:radial-gradient(ellipse at 20% 0%,#fff9,transparent 60%),#f5f2ec;font:13px/1.4 'DM Sans',sans-serif;text-align:left;color:#393630}
.pricing-main{min-width:0;padding:24px 28px 22px;display:flex;flex-direction:column}
.pricing-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 20px}.pricing-heading h3{font:600 30px/1.2 'DM Sans',sans-serif;letter-spacing:-1px;color:#2d2a26}
.pricing-tools{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pricing-count{font-size:11px;white-space:nowrap;color:#8a827a;margin-right:2px}
.pricing-search,.pricing-filter{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #e2dbd2;border-radius:7px;background:#fff9;font-size:12px;box-shadow:0 1px 2px #00000005}.pricing-search{flex:1;color:#aaa297}.pricing-filter{color:#6b645b}.pricing-tools svg{width:14px;height:14px;flex-shrink:0}
.pricing-main .pricing-hint{margin:0 0 18px;font-size:12px;line-height:1.5;color:#8a827a}
.pricing-table-wrap{overflow:hidden;border:1px solid #e5dfd5;border-radius:12px;background:#fffc}.pricing-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.45}.pricing-table th,.pricing-table td{padding:15px 12px;text-align:left;font-weight:400}.pricing-table thead th{padding-block:12px;background:#fcfaf6;font-size:10px;color:#8b8277;white-space:nowrap}.pricing-table thead th span{margin-left:5px}.pricing-table tbody tr{border-top:1px solid #eae5dd}.pricing-table tbody th{font-weight:500;color:#35312d;width:25%}.pricing-table td:nth-child(2){font-size:11px;color:#8a827a;width:23%}.pricing-table td:nth-child(n+3){font-variant-numeric:tabular-nums;white-space:nowrap}.pricing-table th:nth-child(3),.pricing-table td:nth-child(3){text-align:center}
.pricing-sale{font-weight:600!important;color:#35312d}.pricing-margin{color:#628c84}.pricing-footer{display:block;margin-top:auto;padding-top:24px;font-size:10px;color:#a39a8d}.pricing-cards{display:none}
@container(max-width:900px){.pricing-app{grid-template-columns:1fr}.pricing-app .insumos-sidebar{display:none}.pricing-main{padding:20px 24px}.pricing-table{font-size:12px}}
@container(max-width:620px){
 .pricing-app{min-height:0}.pricing-main{padding:16px}.pricing-heading{margin:5px 0 17px}.pricing-heading h3{font-size:28px}.pricing-heading .insumos-new{padding:7px 9px}.pricing-heading .insumos-new>span{font-size:10px}.pricing-count{font-size:10px}.pricing-search,.pricing-filter{font-size:11px;height:33px;padding-inline:8px;gap:5px}.pricing-tools{gap:6px;margin-bottom:13px}.pricing-main .pricing-hint{font-size:11px;margin-bottom:18px;line-height:1.5}
 .pricing-table-wrap{display:none}.pricing-cards{display:grid;gap:12px}.pricing-product{padding:14px;border:1px solid #e5dfd5;border-radius:13px;background:#ffffffd9;box-shadow:0 2px 3px #342d1b04}.pricing-recipe-count{display:block;margin-bottom:10px;font-size:10px;color:#a39a8d}.pricing-product h4{margin:0 0 5px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:-.1px}.pricing-product>p{margin:0;font-size:11px;color:#9a9185}.pricing-product dl{display:grid;grid-template-columns:1fr 1.12fr .75fr;gap:8px;margin:15px 0 0;padding-top:12px;border-top:1px solid #f0ebe4}.pricing-product dl>div{min-width:0}.pricing-product dt{margin-bottom:5px;font-size:9px;line-height:1.3;color:#9a9185;white-space:nowrap}.pricing-product dd{margin:0;font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.pricing-footer{padding-top:16px}
}
@container(max-width:300px){.pricing-main{padding:13px}.pricing-heading{gap:6px}.pricing-heading h3{font-size:25px}.pricing-heading .insumos-new{padding:6px}.pricing-heading .insumos-new>span{font-size:9px}.pricing-product{padding:12px}.pricing-product h4{font-size:13px}.pricing-product dd{font-size:12px}.pricing-product dl{gap:6px}.pricing-search,.pricing-filter{font-size:10px;padding-inline:6px}}
.s-cta-row{display:flex;justify-content:center;margin-top:64px}

/* Misokuti: perfil social inspirado na interface brasileira de 2006. */
.misokuti{--mko-blue:#0066a4;--mko-border:#c3d3e8;max-width:none;margin:0;background:#d9e6f7;border:0;border-radius:0;text-align:left;font:13px/1.25 Arial,Helvetica,sans-serif;color:#111;isolation:isolate}
.misokuti *{box-sizing:border-box}
.misokuti a{color:var(--mko-blue);text-decoration:none;text-underline-offset:2px}
.misokuti a:hover{text-decoration:underline}
.misokuti button{font:inherit;cursor:pointer}
.misokuti :is(a,button):focus-visible{outline:2px solid #da3cac;outline-offset:2px}
.mko-top{display:flex;align-items:center;gap:0;min-height:34px;border-bottom:1px solid #507cb4;background:linear-gradient(#4f79af,#94b5dc);color:#fff}
@font-face{font-family:MissokutWordmark;src:url('assets/misokuti/missokut-wordmark.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
.mko-browser{max-width:1120px;margin:48px auto 0;overflow:hidden;border:1px solid #8d969f;border-radius:11px;background:#d9e6f7;box-shadow:inset 0 0 0 1px #fff,0 20px 35px -23px #3c465975,0 2px 4px #34414b20;text-align:left}
.mko-browser-titlebar{height:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #a9afb6;background:linear-gradient(180deg,#fcfdfd 0%,#eef0f3 43%,#d9dee4 50%,#e7ebef 100%);box-shadow:inset 0 1px 0 #fff;font:11px/1 Arial,sans-serif;color:#737a83}
.mko-browser-title{grid-column:2;white-space:nowrap;text-shadow:0 1px 0 #fff}
.mko-browser-titlebar .traffic-lights{gap:8px}.mko-browser-titlebar .traffic-lights i{width:11px;height:11px}
.mko-browser-toolbar{display:flex;align-items:center;gap:12px;padding:7px 10px;border-bottom:1px solid #9cabbc;background:linear-gradient(#f3f5f7,#dfe5ec);box-shadow:inset 0 1px 0 #fff;font:11px/1 Arial,sans-serif;color:#727f90}
.mko-browser-arrows{display:flex;gap:13px;flex:none;padding:0 3px;font:20px/1 Arial,sans-serif;color:#7c8da1;text-shadow:0 1px 0 #fff}.mko-browser-arrows b{font-weight:400}.mko-browser-arrows b:last-child{opacity:.45}
.mko-browser-address{display:flex;align-items:center;gap:7px;min-width:0;flex:1;height:25px;padding:0 10px;border:1px solid #b8c1cb;border-radius:5px;background:linear-gradient(#f9fafc,#fff);box-shadow:inset 0 1px 2px #72849e25,0 1px 0 #fff;color:#65758b}
.mko-browser-address>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mko-browser-lock{position:relative;display:block;width:7px;height:6px;margin-top:3px;border:1px solid #8b9aab;border-radius:1px;background:linear-gradient(#e3e9ee,#bfcbd5);flex:none}.mko-browser-lock::before{content:'';position:absolute;left:0;top:-5px;width:5px;height:5px;border:1px solid #8b9aab;border-bottom:0;border-radius:5px 5px 0 0}.mko-browser-refresh{font:19px/1 Arial,sans-serif;color:#7b8da2;padding:0 2px;text-shadow:0 1px 0 #fff}
.misokuti .mko-wordmark{position:relative;align-self:stretch;display:flex;align-items:center;gap:3px;flex:none;padding:2px 14px 4px;border-right:1px solid #8f9eb6;border-bottom:1px solid #a5b1c6;background:linear-gradient(180deg,#fff 0%,#fefeff 38%,#f8f7fb 48%,#e5e7f0 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 5px #bfc9d640,inset 2px 0 2px #fff,2px 0 3px #42608622;isolation:isolate;text-decoration:none}
.mko-wordmark::before{content:'';position:absolute;left:4px;right:4px;top:1px;height:48%;border-radius:0 0 50% 50%;background:linear-gradient(#fff,#ffffff40);pointer-events:none;z-index:-1}
.mko-wordmark-text{display:block;font:500 35px/1.2 MissokutWordmark,'Trebuchet MS',sans-serif;letter-spacing:-2.15px;color:transparent;background:linear-gradient(180deg,#ad197e 8%,#dd3ba6 36%,#df41ac 58%,#cc269b 88%);background-clip:text;-webkit-background-clip:text;filter:url(#mko-logo-inset) drop-shadow(0 1px 0 #fff);padding-bottom:2px}
.mko-wordmark small{align-self:center;font:7px Arial,sans-serif;letter-spacing:0;writing-mode:vertical-rl;color:#9b9fab;text-shadow:0 1px 0 #fff}
.mko-top-nav{display:flex;align-items:center;min-width:0;flex-wrap:wrap}
.misokuti .mko-top-nav a{padding:1px 9px;border-right:1px solid #c4d7ed80;color:#fff;font-size:12px;white-space:nowrap}
.mko-top-nav a:last-child{border:0}
.mko-account{margin-left:auto;padding:0 14px;font-size:12px;white-space:nowrap}
.mko-layout{display:grid;grid-template-columns:150px minmax(0,1fr) 254px;gap:12px;padding:13px 11px 11px;align-items:start}
.mko-profile,.mko-card{min-width:0;background:#fff;border:1px solid var(--mko-border);border-radius:7px;box-shadow:0 1px 1px #476a9122}
.mko-profile{padding:9px;font-size:12px}
.mko-profile-picture{display:grid;place-items:center;aspect-ratio:1;background:#f6f1e9;border:1px solid #e3dcd4;margin-bottom:9px}
.mko-profile-picture img{width:84%;height:auto}
.mko-profile-info>strong{font-size:14px;color:var(--mko-blue)}
.mko-profile-info>p{font-size:11px;line-height:1.45;color:#777;margin:5px 0}
.misokuti .mko-add{display:flex;align-items:center;gap:5px;border:0;border-top:1px solid #d9e5f4;background:transparent;color:var(--mko-blue);padding:6px 0;font-size:11px;text-align:left;width:100%}
.mko-icon{width:16px;height:16px;object-fit:contain;flex:none;vertical-align:middle;image-rendering:auto}
.mko-side-nav{margin:7px -3px 0;padding-top:5px;border-top:1px solid #d9e5f4}
.misokuti .mko-side-nav a{display:flex;align-items:center;gap:6px;border:1px solid #d5e4f8;background:#eff6ff;padding:4px 3px;margin-top:1px;font-size:11px;min-height:25px}
.mko-side-nav a span{margin-left:auto;color:#728ba7;font-size:10px}
.mko-main,.mko-right{display:grid;gap:11px;min-width:0}
.mko-card{padding:8px}
.mko-overview{border-radius:8px 62px 8px 8px;padding:10px 7px 8px}
.mko-overview h3{margin:0 5px 10px;font:400 24px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.5px;color:#000}
.mko-stats{display:grid;grid-template-columns:repeat(4,minmax(0,.75fr)) repeat(3,minmax(0,1fr));gap:3px;padding:7px 5px 9px;border-block:1px solid #e6e6e6;margin-bottom:5px}
.misokuti .mko-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;padding:0;color:#777;text-decoration:none;font:12px/1.1 Arial,Helvetica,sans-serif;min-width:0}
.mko-stat-label{font-size:10px;letter-spacing:.3px;color:#5b5b5b}
.mko-stat>span:last-child{display:flex;align-items:center;gap:3px;min-height:17px}
.mko-stat .mko-icon{width:14px;height:14px}
.mko-rating-icons{gap:1px!important}
.mko-rating-icons>span{opacity:.22;filter:grayscale(1)}
.mko-rating-icons>span.is-filled{opacity:1;filter:none}
.mko-rating-icons .is-new{animation:mko-rate-pop 240ms ease-out}
.misokuti .mko-rating:active,.misokuti .mko-fan:active{translate:0 1px}
@keyframes mko-rate-pop{0%{transform:scale(.75)}60%{transform:scale(1.24)}100%{transform:scale(1)}}
.mko-tabs{display:flex;align-items:flex-end;gap:4px;padding-top:1px}
.misokuti .mko-tabs button{padding:4px 8px 3px;border:1px solid #a9c7ea;border-bottom:0;background:#eff6ff;border-radius:6px 6px 0 0;color:var(--mko-blue);font:700 12px/1 Arial,Helvetica,sans-serif}
.misokuti .mko-tabs button[aria-selected="true"]{background:#82a3cd;color:#fff}
.mko-facts{margin:0;border-top:3px solid #82a3cd;min-height:210px}
.mko-facts[hidden]{display:none}
.mko-facts>div{display:grid;grid-template-columns:122px minmax(0,1fr);gap:7px;padding:6px 6px;background:#e0edfd;font-size:12px;line-height:1.3}
.mko-facts>div:nth-child(even){background:#eff6ff}
.mko-facts dt{text-align:right;color:#61778d}
.mko-facts dd{margin:0;overflow-wrap:anywhere;color:#17263b}
.mko-facts a{text-decoration:underline}
.mko-card h4{font:700 15px/1.2 Georgia,'Times New Roman',serif;margin:0 1px 10px;color:#000}
.mko-card h4 span{color:var(--mko-blue);font:700 12px Arial,sans-serif}
.mko-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.mko-panel-title h4{margin-bottom:0}
.mko-panel-title>small{font-size:10px;color:#7791ac}
.mko-testimonial{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;padding:9px 6px;background:#eff6ff}
.mko-testimonial:nth-of-type(even){background:#e1edfd}
.mko-testimonial+.mko-testimonial{border-top:4px solid #fff}
.mko-avatar{display:block;width:56px;height:59px;object-fit:cover;border:3px solid #fff;outline:1px solid #c6d7ec}
.mko-testimonial h5{font:400 12px Arial,sans-serif;color:var(--mko-blue);margin:0 0 4px}
.mko-testimonial p{margin:0;font:13px/1.4 Arial,Helvetica,sans-serif;color:#111}
.mko-testimonial small{display:block;margin-top:8px;font-size:10px;color:#7088a1}
.mko-pagination{margin:8px 0 1px;text-align:right;font-size:10px;color:#7b8ea4}
.mko-friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.misokuti .mko-person,.misokuti .mko-community{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 3px;border:0;background:#f0f0f0;color:var(--mko-blue);text-align:center;line-height:1.15}
.mko-person img{display:block;width:100%;max-width:64px;aspect-ratio:1;height:auto;object-fit:cover}
.mko-person span{display:block;font-size:11px;padding-bottom:3px;overflow-wrap:anywhere}
.misokuti .mko-person:hover,.misokuti .mko-community:hover{background:#dfeaf8;text-decoration:underline}
.mko-communities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.mko-community img{display:block;width:64px;height:64px;object-fit:contain}
.mko-community span{font-size:11px;overflow-wrap:anywhere}
.mko-community small{font-size:11px;line-height:1;color:var(--mko-blue);padding-bottom:3px}
.misokuti .mko-community[aria-pressed="true"]{background:#dcebd1}
.misokuti .mko-view-all{display:block;border:0;border-top:1px solid #d4e2f1;background:none;color:var(--mko-blue);font:700 11px Arial,sans-serif;text-decoration:underline;padding:6px 0 0;margin-top:5px;width:100%;text-align:left}
.mko-mini-message{margin:7px 0 0;padding:7px;border-top:1px solid #c4d6ea;background:#eff6ff;font-size:11px;line-height:1.4;color:#315b80}
.mko-mini-message[hidden]{display:none}
.mko-footer{display:flex;align-items:center;gap:10px;padding:5px 10px;margin:0 10px 10px;border-radius:6px;background:#fff;font-size:10px;color:#74859a;flex-wrap:wrap}
.misokuti .mko-small-wordmark{font:500 21px/1 MissokutWordmark,'Trebuchet MS',sans-serif;letter-spacing:-1.2px;color:#cf32a3;margin-right:3px}
.mko-footer>span{margin-left:auto}
.misokuti [id]{scroll-margin-top:160px}
@media(max-width:1100px){.mko-layout{grid-template-columns:132px minmax(0,1fr) 217px;gap:9px;padding:10px 8px}.mko-facts>div{grid-template-columns:96px minmax(0,1fr)}.mko-stats{column-gap:2px}.mko-stat-label{letter-spacing:0;font-size:9px}.mko-stat .mko-icon{width:12px;height:12px}}
@media(max-width:900px){.mko-layout{grid-template-columns:130px minmax(0,1fr)}.mko-right{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}.mko-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mko-person img{max-width:70px}.mko-stats{grid-template-columns:repeat(4,minmax(0,.75fr)) repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .mko-browser{margin-top:30px;border-radius:9px}.mko-layout{display:flex;flex-direction:column;padding:8px;gap:8px}.mko-profile,.mko-main,.mko-right{width:100%}.mko-top{flex-wrap:wrap;min-height:0}.misokuti .mko-wordmark{padding:2px 11px 3px}.mko-wordmark-text{font-size:32px;letter-spacing:-2px}.mko-browser-titlebar{height:29px;padding:0 10px}.mko-browser-title{font-size:10px}.mko-browser-titlebar .traffic-lights{gap:6px}.mko-browser-titlebar .traffic-lights i{width:10px;height:10px}.mko-browser-toolbar{gap:8px;padding:6px 8px}.mko-browser-arrows{gap:9px}.mko-browser-address{padding:0 7px;font-size:10px}.mko-account{padding:0 10px}.mko-top-nav{order:3;width:100%;padding:5px 4px 6px;border-top:1px solid #ffffff55;justify-content:space-around}.misokuti .mko-top-nav a{font-size:11px;padding:1px 7px}.mko-top-nav a:last-child{border-right:0}
 .mko-profile{display:grid;grid-template-columns:74px minmax(0,1fr);gap:7px 9px;padding:7px}.mko-profile-picture{margin:0;align-self:start}.mko-profile-info>p{margin:3px 0}.misokuti .mko-add{font-size:10px}.mko-side-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px;padding-top:5px;margin:0}.misokuti .mko-side-nav a{flex:1 0 auto;padding:5px 4px;font-size:10px;gap:3px}.mko-side-nav a span{display:none}.mko-side-nav .mko-icon{width:13px;height:13px}
 .mko-overview{border-top-right-radius:40px}.mko-stats{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:9px;padding:7px 3px 10px}.mko-stat-label{font-size:10px}.mko-stat .mko-icon{width:14px;height:14px}.mko-facts{min-height:0}.mko-facts>div{grid-template-columns:83px minmax(0,1fr);font-size:12px;padding:6px 4px;gap:6px}.mko-tabs{gap:3px}.misokuti .mko-tabs button{font-size:11px;padding:5px 7px 4px}
 .mko-testimonial{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:9px 5px}.mko-avatar{width:40px;height:44px;border-width:2px}.mko-testimonial p{font-size:13px;line-height:1.4}.mko-testimonial small{font-size:10px}.mko-right{grid-template-columns:1fr}.mko-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mko-person img{max-width:70px}.mko-communities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mko-footer{gap:7px;margin:0 8px 8px}.mko-footer>span{margin-left:0;width:100%;font-size:9px}.misokuti [id]{scroll-margin-top:65px}
}
@media(prefers-reduced-motion:reduce){.mko-rating-icons .is-new{animation:none}}
/* No mobile, o missôkut concentra a leitura no perfil e nos depoimentos. */
@media(max-width:760px){
 .misokuti .mko-right,
 .misokuti .mko-top-nav a[href="#misokuti-amigos"],
 .misokuti .mko-top-nav a[href="#misokuti-comunidades"]{display:none}
}


/* Dispositivos */
.s-devices{display:flex;align-items:flex-end;justify-content:center;gap:44px;margin-top:88px}
.s-dev-screen{position:relative;overflow:hidden;background:#f8f6f3;border:9px solid #1d1c1a;border-radius:12px}
.s-dev-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.s-monitor .s-dev-screen{width:300px;height:190px}
.s-monitor-foot{width:70px;height:34px;margin:0 auto;background:linear-gradient(#cfcac1,#b9b3a8);clip-path:polygon(28% 0,72% 0,86% 100%,14% 100%)}
.s-monitor-base{width:130px;height:8px;margin:0 auto;border-radius:6px 6px 2px 2px;background:#b9b3a8}
.s-laptop .s-dev-screen{width:270px;height:170px;border-radius:12px 12px 2px 2px}
.s-laptop-base{width:322px;height:12px;margin-left:-26px;border-radius:2px 2px 12px 12px;background:linear-gradient(#d8d3ca,#aea79b)}
.s-tablet .s-dev-screen{width:150px;height:206px;border-width:10px;border-radius:18px}
.s-phone-dev .s-dev-screen{width:96px;height:190px;border-width:7px;border-radius:18px}
.s-dev-label{display:block;margin-top:16px;font-size:13px;color:#8a827a;text-align:center}
.s-handheld{position:relative;width:104px;height:166px;padding:12px 10px;border-radius:10px 10px 30px 10px;background:linear-gradient(#d7d3c9,#bdb8ad);box-shadow:inset 0 -3px 0 #a29d92,0 14px 22px -14px #0007}
.s-handheld-screen{display:grid;place-items:center;height:70px;border:6px solid #57566b;border-radius:4px 4px 12px 4px;background:#9bb54a;font-family:'Jersey 10',monospace;font-size:18px;color:#2f3d0e}
.s-handheld-pad{position:absolute;left:14px;bottom:34px;width:26px;height:26px;background:linear-gradient(#3a3a3a,#3a3a3a) center/26px 8px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) center/8px 26px no-repeat}
.s-handheld-ab{position:absolute;right:12px;bottom:40px;display:flex;gap:6px;transform:rotate(-24deg)}
.s-handheld-ab i{width:15px;height:15px;border-radius:50%;background:#9b2c5b}
.s-nope{position:absolute;inset:-14px -18px;display:grid;place-items:center;pointer-events:none}
.s-nope b{display:block;padding:4px 10px;border:3px solid #d62b1f;border-radius:6px;color:#d62b1f;font-family:'Jersey 10',monospace;font-size:26px;font-weight:400;line-height:1;transform:rotate(-14deg);background:#fdfbf8e6;animation:s-stamp 3.4s steps(1,end) infinite}
@keyframes s-stamp{0%,62%,100%{transform:rotate(-14deg) scale(1)}64%{transform:rotate(-14deg) scale(1.18)}68%{transform:rotate(-14deg) scale(.96)}}

/* Planos · janelas */
.s-plans{display:grid;grid-template-columns:repeat(2,minmax(0,460px));justify-content:center;gap:48px;margin-top:64px;text-align:left}
.s-plan-body{display:flex;flex-direction:column;padding:28px 30px 30px;min-height:520px}
.s-plan-name{margin:0;font-size:22px;font-weight:700}
.s-price{margin:10px 0 2px;font-size:52px;font-weight:750;line-height:1.05;letter-spacing:-2px}
.s-price small{font-size:20px;font-weight:500;letter-spacing:-.3px;color:#77736f}
.s-plan-sub{margin:0 0 22px;font-size:17px;color:#4b443d}
.s-plan ul{flex:1;list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px dashed #c9c2b6;font-size:15px;line-height:1.45}
.s-plan li{display:flex;gap:10px;margin-bottom:10px}
.s-plan li svg{flex-shrink:0;width:14px;height:14px;margin-top:3px;shape-rendering:crispEdges}
.s-btn-cta{align-self:flex-start;min-height:58px;width:auto;padding:12px 30px;font-size:20px;border-radius:15px;text-decoration:none;cursor:pointer}
.s-btn-silver{align-self:flex-start;display:inline-flex;align-items:center;min-height:58px;padding:12px 30px;border:1px solid #9fa1a2;border-radius:15px;background:linear-gradient(180deg,#fdfefe 0%,#eef1f2 45%,#d9dfe2 51%,#e6e9e9 100%);box-shadow:inset 0 0 0 2px #fff9,inset 0 3px 5px #fff,0 2px 2px #3c485213,0 12px 20px -14px #394e6655;font:600 20px 'DM Sans',sans-serif;color:#302e2b;text-decoration:none;cursor:pointer}
.s-plan-pro{transform:rotate(.6deg)}
.s-plans .s-sticker{right:-30px;top:-34px}

/* Dúvidas · janela de Ajuda */
.s-faq{max-width:900px;margin:56px auto 0;text-align:left}
.s-faq details{border-bottom:1px solid #e3ddd3}
.s-faq details:last-child{border-bottom:0}
.s-faq summary{display:flex;align-items:center;gap:14px;padding:22px 28px;font-size:19px;font-weight:600;cursor:pointer;list-style:none}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary::before{content:'';flex-shrink:0;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #2a6aa8;transition:transform var(--motion-fast) var(--motion-ease)}
.s-faq details[open] summary::before{transform:rotate(90deg)}
.s-faq summary:hover{background:linear-gradient(180deg,#f2f9ff,#dcedfc);color:#0b2a4a}
.s-faq details p{margin:-6px 0 0;padding:0 28px 24px 52px;font-size:16px;line-height:1.6;color:#4b443d}

/* Rodapé · informações + pilha de stickers */
.f-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.f-info{display:flex;flex-direction:column;gap:56px}
.f-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;max-width:480px;justify-self:end}
.f-col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.f-col h3{margin:0 0 6px;font-family:'Jersey 10',monospace;font-size:22px;font-weight:400;line-height:1;color:#ff9c83;letter-spacing:.5px}
.f-col a{color:#f3efe8;text-decoration:none}
.f-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.f-pile{position:relative;width:100%;max-width:560px;aspect-ratio:560/470;justify-self:end}
.f-stk{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;transform:rotate(var(--r));filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 14px 16px rgba(0,0,0,.55));transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:grab}
.f-stk:hover{z-index:9!important;transform:rotate(calc(var(--r) * .25)) translateY(-10px) scale(1.08)}
.f-pile:hover .f-stk:not(:hover){transform:rotate(var(--r)) scale(.98)}
.f-top{color:#f3efe8;font-size:13px}
@media(max-width:1000px){.f-grid{grid-template-columns:1fr}.f-pile{justify-self:center;max-width:460px}.f-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Rodapé */
.s-footer{background:#11100f;color:#f3efe8;font-family:'DM Sans',sans-serif}
.s-footer-inner{display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:460px;padding-top:72px;padding-bottom:36px}
.s-footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px}
.s-footer-brand img{display:block;width:180px;height:auto;filter:invert(1) brightness(1.8)}
.s-footer-brand p{margin:18px 0 0;font-size:18px;color:#b9b2a7}
/* Selos de homepage: proporção 88×31, arte pixelada e troca seca de quadros. */
.retro-banners{align-self:center}
.s-badges{display:grid;grid-template-columns:repeat(4,132px);gap:6px}
.s-badge{--badge-ink:#17120a;--badge-delay:0s;position:relative;display:flex;align-items:center;gap:1px;width:132px;height:47px;flex:none;padding:3px;overflow:hidden;border:2px solid;border-color:#f5ecb2 #655216 #655216 #f5ecb2;background:#ffe744;color:var(--badge-ink);text-decoration:none;text-align:center;box-shadow:inset 0 0 0 1px #28220a;isolation:isolate}
.s-footer .s-badge{color:var(--badge-ink);text-decoration:none}
.s-badge::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.badge-art{position:relative;display:block;flex:0 0 29px;width:29px;height:35px;overflow:visible}
.badge-art svg{display:block;width:100%;height:100%;shape-rendering:crispEdges;overflow:visible}
.badge-frames{display:grid;flex:1;min-width:0;align-items:center;height:100%;font:700 9px/1.08 Tahoma,Verdana,sans-serif;letter-spacing:-.15px}
.badge-frames>span{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;opacity:0;animation:badge-swap 10.8s steps(1,end) infinite;animation-delay:var(--badge-delay);animation-play-state:paused}
.badge-frames b{font:400 17px/.82 'Jersey 10',monospace;letter-spacing:0}
.badge-frames small{font:700 8px/1 Tahoma,Verdana,sans-serif;letter-spacing:0}
.badge-frames>span:nth-child(2){animation-delay:calc(var(--badge-delay) - 7.2s)}
.badge-frames>span:nth-child(3){animation-delay:calc(var(--badge-delay) - 3.6s)}
.badge-cost::before{background:repeating-linear-gradient(135deg,#fff0 0 3px,#ffb51f70 3px 4px)}
.badge-cost .badge-frames b{color:#bd1713;text-shadow:1px 1px #fff}
.badge-cost .badge-art{filter:drop-shadow(1px 1px #a36900)}
.badge-web{--badge-ink:#fff;--badge-delay:-1.1s;border-color:#b6dcff #071030 #071030 #b6dcff;background:#05205b;box-shadow:inset 0 0 0 1px #020e2f}
.badge-web::before{background:repeating-linear-gradient(0deg,#0b4b8a00 0 2px,#3677aa40 2px 3px)}
.badge-web .badge-frames b{color:#ffff5d;text-shadow:1px 1px #000}
.badge-love{--badge-ink:#172c56;--badge-delay:-2.2s;border-color:#fff #6c5080 #6c5080 #fff;background:#f4e9ff;box-shadow:inset 0 0 0 1px #d7add3}
.badge-love::before{background:repeating-linear-gradient(135deg,#fff0 0 5px,#dec7f080 5px 6px)}
.badge-love .badge-frames b{color:#c01d73;text-shadow:1px 1px #fff;font-size:16px}
.badge-bairro{--badge-ink:#e4ffef;--badge-delay:-.6s;border-color:#a1caae #26394d #26394d #a1caae;background:#051725;box-shadow:inset 0 0 0 1px #b5f668}
.badge-bairro::before{background-image:radial-gradient(#59a3bc 1px,transparent 1px);background-size:7px 6px;opacity:.35}
.badge-bairro .badge-frames b{color:#c8ff62;text-shadow:1px 1px #000;font-size:16px}
.badge-bairro .badge-frames small{color:#ffb7e9}
.badge-art .pixel-tick{transform-origin:13px 14px;animation:badge-clock 4s steps(4,end) infinite;animation-play-state:paused}
.badge-art .pixel-light{animation:badge-light 2.4s steps(1,end) infinite;animation-play-state:paused}
.badge-art .pixel-heart{transform-origin:14px 16px;animation:badge-heart 2.4s steps(1,end) infinite;animation-play-state:paused}
.badge-art .pixel-star{animation:badge-star 3.6s steps(1,end) infinite;animation-play-state:paused}
.retro-banners.is-visible .badge-frames>span,.retro-banners.is-visible .badge-art .pixel-tick,.retro-banners.is-visible .badge-art .pixel-light,.retro-banners.is-visible .badge-art .pixel-heart,.retro-banners.is-visible .badge-art .pixel-star{animation-play-state:running}
@keyframes badge-swap{0%,33.32%{opacity:1}33.333%,100%{opacity:0}}
@keyframes badge-clock{to{transform:rotate(360deg)}}
@keyframes badge-light{0%,65%{fill:#baff4c}66%,100%{fill:#44721b}}
@keyframes badge-heart{0%,65%,100%{transform:scale(1)}66%,79%{transform:scale(1.12)}80%,90%{transform:scale(1)}}
@keyframes badge-star{0%,55%{opacity:1}56%,100%{opacity:.25}}

.s-badge:focus-visible{outline:2px dashed #f9d384;outline-offset:4px}
@media(hover:hover){.s-badge:hover{filter:brightness(1.1)}}
@media(max-width:760px){.retro-banners{width:100%;align-self:flex-start}.s-badges{grid-template-columns:repeat(2,minmax(0,132px));gap:7px}.s-badge{width:100%}}
@media(prefers-reduced-motion:reduce){.badge-frames>span,.badge-art *{animation:none!important}.badge-frames>span{opacity:0}.badge-frames>span:first-child{opacity:1}}

.s-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;border-top:1px solid #ffffff1f;font-size:13px;color:#9a9388}
.s-footer-links{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.s-footer-links a{color:#f3efe8}
.s-footer-links button{border:0;padding:0;background:none;font:inherit;color:#9a9388}

@media(max-width:1100px){.s-split,.s-split.s-rev{gap:56px}.s-insumos{right:-10px}.s-toast{right:-10px}.s-devices{gap:24px;flex-wrap:wrap}}
@media(max-width:760px){
  .s-wrap{padding:0 22px}.s-section{padding:88px 0}
  .s-split,.s-split.s-rev{display:flex;flex-direction:column;align-items:stretch;gap:48px}
  .s-split.s-rev .s-copy{order:-1}
  .s-h2{font-size:clamp(32px,8.6vw,42px);letter-spacing:-1.2px}
  .s-p{font-size:18px}
  .s-sticker.s-hide-sm{display:none}
  .s-insumos{position:relative;right:auto;bottom:auto;width:auto;margin:-24px 12px 0 40px}
  .s-arrow-pixel{display:none}
  .s-catalog{gap:10px;padding:14px}
  .s-toast{position:relative;right:auto;bottom:auto;width:auto;margin:-20px 10px 0 30px}
  .s-keys{gap:10px 8px}.s-key{min-width:0;flex:1 1 40%;height:68px;font-size:14px}.s-op{font-size:30px}.s-key-result{flex-basis:100%}
  .s-devices{gap:28px 20px}.s-monitor .s-dev-screen{width:240px;height:152px}.s-laptop{display:none}
  .s-plans{grid-template-columns:1fr;gap:28px}.s-plan-body{min-height:0;padding:24px}.s-price{font-size:44px}.s-plan-pro{transform:none}
  .s-faq summary{padding:18px 16px;font-size:17px}.s-faq details p{padding:0 16px 20px 40px}
  .s-footer-inner{min-height:0;gap:40px;padding-top:56px}.s-footer-brand img{width:140px}
}
@media(prefers-reduced-motion:reduce){.s-float,.s-toast,.s-key,.s-marquee-track,.s-nope b,.s-reveal{animation:none!important}.s-toast{opacity:1}}
@media(prefers-reduced-motion:reduce){.site *{transition:none!important}.aqua-cta:hover{transform:none}.aqua-bubble,.bubble-on .aqua-bubble{animation:none;transform:none}.bubble-on .aqua-bubble{opacity:1}.chalk-reveal{animation:none;stroke-dashoffset:0}.pixel-wobble,.pixel-wobble>span{animation:none}}

/* Refinamentos de conteúdo · 26/10/2026 */
.s-copy .s-p{margin:0 0 44px}
.s-prod-head .s-p{margin:0 0 36px}
.xp-doc-img{width:160px;height:auto;filter:drop-shadow(0 10px 10px #0003)}
.s-product{appearance:none;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}
.s-product>span:not(.s-photo){display:block}
.s-product .s-photo{width:100%;transition:box-shadow .18s,transform .18s}
.s-product:focus-visible{outline:3px solid #447fbc;outline-offset:5px;border-radius:5px}
#vendas .s-caption{margin-top:18px}
.s-footer{position:relative;margin-top:80px;overflow:visible}
.f-grid{align-items:start;gap:64px}
.f-playground{position:relative;min-width:0;margin-top:-50px}
.f-pile{width:100%;max-width:560px;aspect-ratio:1/1;isolation:isolate}
.f-sticker{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:var(--z);padding:0;border:0;background:none;cursor:pointer;transform:rotate(var(--r));transition:transform .28s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 12px 10px #0006);-webkit-tap-highlight-color:transparent}
.f-sticker img{display:block;width:100%;height:auto;pointer-events:none}
.f-sticker:focus-visible{transform:translateY(-4px) rotate(0deg)}
@media(hover:hover){.f-sticker:hover{transform:translateY(-4px) rotate(0deg) scale(1.03)}}
.f-sticker:focus-visible{outline:2px dashed #f9d384;outline-offset:5px;border-radius:14px}
.site .f-sticker-hint{margin:8px 0;text-align:center;font:14px Tahoma,sans-serif;color:#b9b2a7}
.site .f-sticker-message{min-height:48px;margin:12px auto 0;max-width:340px;text-align:center;font:16px/1.4 'DM Sans',sans-serif;color:#f9d384}
@media(max-width:1000px){.f-playground{order:-1;justify-self:center;width:100%;max-width:480px;margin-top:-76px}.f-grid{gap:36px}.f-info{gap:36px}}
@media(max-width:760px){.s-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.s-product{font-size:14px}.s-toast{width:276px;max-width:calc(100% - 12px);margin:14px 0 0 auto}.s-copy .s-p{margin-bottom:44px}#vendas .s-caption{margin-top:18px}.f-playground{max-width:420px;margin-top:-62px}.s-footer{margin-top:64px}.site .f-sticker-message{font-size:14px}.f-sticker{filter:drop-shadow(0 7px 7px #0005)}}
@media(prefers-reduced-motion:reduce){.s-toast.is-arriving,.f-sticker.is-playing{animation:none}.f-sticker:hover,.f-sticker:focus-visible{transform:rotate(var(--r))}.s-product:hover .s-photo{transform:none}}

/* A âncora considera o sticker acima da janela e a navegação fixa. */
@media(min-width:761px){#produtos{scroll-margin-top:110px}}

/* Notificação flutuante: não participa do fluxo da vitrine. */
.s-vitrine{position:relative}
/* Largura para a chamada inteira; em vitrines estreitas, avatar e texto se ajustam juntos. */
.s-vitrine .s-toast{position:absolute;right:0;bottom:0;translate:50% 50%;width:304px;max-width:calc(100% - 16px);margin:0;z-index:5;pointer-events:none;container-type:inline-size}
.s-vitrine-stage{margin-bottom:86px}
@media(max-width:1600px){.s-vitrine .s-toast{right:-40px;translate:0 50%}}
@media(max-width:1100px){.s-vitrine .s-toast{right:-10px;translate:0 50%}}
@container(max-width:260px){
  .s-toast-body{gap:8px}
  .s-toast-avatar img{width:42px;height:42px}
  .s-toast-message strong{font-size:12px}
}
.s-vitrine .s-toast.is-open{pointer-events:auto}
.s-vitrine-arrival{position:absolute;right:16px;bottom:0;width:1px;height:180px;pointer-events:none}
:root {
  --toast-open: 450ms;
  --toast-close: 250ms;
  --toast-distance: 56px;
  --toast-blur: 2px;
  --toast-scale: 0.97;
  --toast-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.t-toast {
  opacity: 0;
  transform: translateY(var(--toast-distance)) scale(var(--toast-scale));
  filter: blur(var(--toast-blur));
  will-change: transform, opacity, filter;
  transition:
    opacity var(--toast-close) var(--toast-ease),
    transform var(--toast-close) var(--toast-ease),
    filter var(--toast-close) var(--toast-ease);
}
.t-toast.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
  transition:
    opacity var(--toast-open) var(--toast-ease),
    transform var(--toast-open) var(--toast-ease),
    filter var(--toast-open) var(--toast-ease);
}
@media (prefers-reduced-motion: reduce) {
  .t-toast { transition: none !important; }
  .s-vitrine .t-toast:not(.is-open){opacity:0}
}

/* Navegação móvel: quatro círculos Aqua em uma única linha. */
.module-label-mobile{display:none}
@media(max-width:760px){
  .s-modnav-wrap .hero-module-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:400px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
  .s-modnav-wrap .hero-module-nav::before{display:none}
  .s-modnav-wrap .hero-module-nav a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-height:82px;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none}
  .s-modnav-wrap .hero-module-nav .module-number{position:relative;isolation:isolate;width:52px;height:52px;border:1px solid #a0adb5;border-radius:50%;background:linear-gradient(180deg,#fcfeff 0%,#ecf2f5 46%,#cbd6dd 51%,#e8eef1 100%);box-shadow:inset 0 0 0 2px #ffffffaa,inset 0 3px 4px #fff,inset 0 -3px 4px #82949e44,0 3px 6px #344d6420;color:#535f68;font:500 15px/1 'DM Sans',sans-serif}
  .s-modnav-wrap .module-number::before{content:'';position:absolute;z-index:-1;top:4px;left:6px;right:6px;height:20px;border-radius:50% 50% 45% 45%;background:linear-gradient(#fff,#ffffff20);pointer-events:none}
  .s-modnav-wrap .hero-module-nav a.is-active .module-number{border-color:#79a6cd;background:linear-gradient(180deg,#eef9ff 0%,#cceaff 46%,#88c1ed 51%,#badff9 100%);box-shadow:inset 0 0 0 2px #ffffffaa,inset 0 3px 4px #fff,inset 0 -3px 4px #5a96c344,0 3px 7px #4487bc30;color:#143f63}
  .s-modnav-wrap .hero-module-nav .module-label{font-size:12px;line-height:16px;font-weight:550;letter-spacing:0;white-space:nowrap;color:#535b60}
  .s-modnav-wrap .hero-module-nav a.is-active .module-label{color:#143f63;font-weight:700}
  .module-label-desktop,.s-modnav-wrap .module-arrow{display:none}
  .module-label-mobile{display:inline}
  .s-modnav-wrap .hero-module-nav a:focus-visible{outline:2px solid #3678ac;outline-offset:3px;border-radius:12px}
  .s-modnav-wrap .hero-module-nav a:active .module-number{box-shadow:inset 0 2px 5px #527c9f66,inset 0 0 0 2px #ffffff88}
}

/* Mesma superfície, duas épocas. Conteúdo nativo: tipografia não é reduzida com a janela. */
.kitchen-demo{min-width:0;container-type:inline-size}
.kitchen-swap{position:relative;display:grid;min-height:466px;isolation:isolate;--kitchen-ease:cubic-bezier(.22,1,.36,1)}
.kitchen-page{position:relative;grid-area:1/1;width:100%;min-width:0;transition:opacity 400ms ease,transform 650ms var(--kitchen-ease),filter 400ms ease;transform-origin:50% 48%}
.kitchen-swap .win98{display:flex;flex-direction:column;opacity:1;transform:scale(1);filter:blur(0)}
.kitchen-swap .win98-title{flex-shrink:0;height:28px;font-size:13px;gap:8px}
.kitchen-swap .win98-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kitchen-swap .win98-btns{flex-shrink:0;gap:3px}
.kitchen-swap .win98-btns i{width:19px;height:18px;font-size:12px}
.win98-file-icon{font-weight:400;color:#b1e4b4;margin-right:3px}
.kitchen-swap .win98-menu{padding:7px 8px;font-size:13px}
.win98-formula{display:flex;align-items:center;gap:8px;padding:3px 0 6px;font:12px Tahoma,sans-serif}
.win98-formula>span{width:58px;padding:5px 8px;background:#fff;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff}
.win98-formula b{padding:0 5px;font:italic 16px Georgia,serif;color:#555}
.win98-formula code{flex:1;padding:5px 7px;background:white;font:12px Tahoma,sans-serif;box-shadow:inset 1px 1px #808080}
.win98-sheet{flex:1;min-height:0;overflow:hidden;border:1px solid #808080;background:repeating-linear-gradient(0deg,#fff 0 33px,#d4d0c8 33px 34px)}
.kitchen-swap .win98-grid{table-layout:fixed;font-size:14px}
.kitchen-swap .win98-grid th:first-child{width:28px}
.kitchen-swap .win98-grid th:nth-child(2){width:43%}
.kitchen-swap .win98-grid th{height:26px}
.kitchen-swap .win98-grid td{height:34px;padding:0 9px;white-space:nowrap}
.kitchen-swap .win98-grid td:first-child{padding:0}
.win98-tabs{display:flex;align-items:center;gap:14px;height:26px;font:11px Tahoma,sans-serif;border-top:1px solid #808080}
.win98-tabs>span:first-child{padding:0 6px;color:#555}.win98-tabs b{height:24px;padding:4px 12px;background:#fff;border:1px solid #808080;border-top:0}
.kitchen-swap .win98-status{display:flex;justify-content:space-between;min-height:22px;margin-top:0}
.kitchen-swap .kitchen-misso{display:flex;flex-direction:column;background:#f9f7f3;opacity:0;transform:translateY(18px) scale(.975);filter:blur(2px);pointer-events:none}
.kitchen-misso .product-titlebar{flex-shrink:0}
.kitchen-swap[data-page="2"] .win98{opacity:0;transform:scale(.975);filter:blur(2px);pointer-events:none}
.kitchen-swap[data-page="2"] .kitchen-misso{opacity:1;transform:none;filter:blur(0);pointer-events:auto;transition-delay:120ms}
.insumos-app{display:grid;grid-template-columns:146px minmax(0,1fr);flex:1;min-height:0;font:13px/1.4 'DM Sans',sans-serif;text-align:left;color:#393630;background:radial-gradient(ellipse at 20% 0%,#fff9,transparent 60%),#f5f2ec}
.insumos-sidebar{display:flex;flex-direction:column;gap:6px;margin:12px 0 12px 12px;padding:16px 8px;border:1px solid #e7e1d7;border-radius:17px;background:#fff4;box-shadow:0 4px 8px #342d1b03}
.insumos-sidebar>img{width:60px;height:auto;margin:2px 10px 21px}
.insumos-sidebar>small{margin:19px 10px 3px;font-size:9px;letter-spacing:.3px;color:#9b958b}
.insumos-nav{display:flex;align-items:center;gap:8px;padding:9px 9px;font-size:11px;white-space:nowrap;color:#746e65}
.insumos-nav svg{width:15px;height:15px;flex:none}.insumos-nav.is-on{background:#fff9;border-radius:8px;color:#33302c;font-weight:650}.insumos-nav.is-on svg{color:#ed786d}
.insumos-sidebar-foot{margin-top:auto;border-top:1px solid #e5dfd4;padding:14px 4px 0;font-size:9px;color:#958e82}
.insumos-main{min-width:0;padding:20px 24px 18px;display:flex;flex-direction:column}
.insumos-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#9a9185;font-size:11px}
.insumos-breadcrumb b{font-weight:400;padding-left:7px}.insumos-account{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e7e1d9;border-radius:50%;background:#fff8;color:#82796c;font-size:9px;box-shadow:0 2px 3px #00000005}
.insumos-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.insumos-heading h3{font:600 29px/1.15 'DM Sans',sans-serif;letter-spacing:-1px;color:#2d2a26}
.insumos-new{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #ee857e;border-radius:7px;background:#ff766c;color:#fff;box-shadow:inset 0 1px #ffa79f88,0 2px 3px #9f4b3220;font-size:13px;white-space:nowrap}.insumos-new>span{font-size:10px}
.insumos-tools{display:flex;gap:7px;margin-bottom:14px}.insumos-tools>span{display:flex;align-items:center;gap:7px;height:31px;border:1px solid #e2dbd2;background:#fff9;border-radius:7px;padding:0 10px;box-shadow:0 1px 2px #00000005;font-size:10px}.insumos-search{flex:1;color:#aaa297}.insumos-filter{color:#6b645b}.insumos-tools svg{width:13px;height:13px;flex-shrink:0}
.insumos-list{flex-shrink:0;border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden}
.insumos-list-head,.insumos-row{display:grid;grid-template-columns:minmax(0,1fr) 26px 91px 7px;align-items:center;gap:8px;padding:0 13px}
.insumos-list-head{height:35px;background:#fcfaf6;color:#867e74;font-size:10px}.insumos-list-head>span:nth-child(3){text-align:right}.insumos-list-head>span>span{color:#b1a99e;margin-left:3px}
.insumos-row{min-height:61px;border-top:1px solid #eee9e1;opacity:0;transform:translateY(8px);transition:opacity 350ms ease,transform 500ms var(--kitchen-ease);transition-delay:0ms}
.insumos-name strong{display:block;font-size:13px;font-weight:500;color:#35312d}
.insumos-category{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:5px;background:#f5efef;color:#90767c;font-size:9px;line-height:15px}
.insumos-unit{color:#928a7d;font-size:11px}.insumos-cost{position:relative;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;isolation:isolate;font-size:12px}.insumos-cost b{font-weight:500}.insumos-cost small{font-size:10px;color:#9a9185;margin-left:2px}.insumos-cost::before{content:'';position:absolute;z-index:-1;inset:-7px -4px;border-radius:5px;background:#dcebdc;opacity:0}
.insumos-row-arrow{font-size:18px;color:#aea69b}
.insumos-summary{display:flex;align-items:center;gap:10px;margin-top:17px;padding:11px 12px;border:1px solid #dde5db;border-radius:10px;background:#edf3eb99;opacity:0;transform:translateY(6px);transition:opacity 400ms ease,transform 500ms var(--kitchen-ease);transition-delay:0ms}
.insumos-summary>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid #dbe5d5;background:#ffffffa6;color:#789279;flex-shrink:0}.insumos-summary svg{width:14px;height:14px}.insumos-summary p{margin:0;font-size:10px;line-height:1.6;color:#82907d}.insumos-summary strong{font-weight:500;color:#5f745c;font-size:11px}.insumos-summary .insumos-done{margin-left:auto;color:#8aa181}
.insumos-list-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;font-size:10px;color:#a39a8d}.insumos-list-footer>span:last-child{display:flex;align-items:center;gap:4px;color:#82907d}.insumos-list-footer svg{width:12px;height:12px}
.kitchen-swap[data-page="2"] .insumos-row{opacity:1;transform:none;transition-delay:calc(380ms + var(--row)*110ms)}
.kitchen-swap[data-page="2"] .insumos-summary{opacity:1;transform:none;transition-delay:850ms}
.kitchen-swap[data-page="2"] .insumos-cost::before{animation:insumos-cost-settle 900ms ease calc(620ms + var(--row)*110ms) both}
@keyframes insumos-cost-settle{0%,100%{opacity:0}25%,55%{opacity:1}}
.kitchen-watch{position:absolute;top:30%;width:1px;height:100px;pointer-events:none}
.kitchen-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font:12px/1.4 'DM Sans',sans-serif;color:#8b8379}
.kitchen-replay{border:0;background:none;color:#6a7a81;font:inherit;text-decoration:underline;text-underline-offset:3px;min-height:44px;cursor:pointer}.kitchen-replay span{display:inline-block;margin-left:3px;transition:transform 350ms ease}.kitchen-replay:hover span{transform:rotate(-60deg)}.kitchen-replay:focus-visible{outline:2px solid #3678ac;outline-offset:3px;border-radius:3px}
@container(max-width:560px){
 .insumos-app{grid-template-columns:1fr}.insumos-sidebar{display:none}.insumos-main{padding:18px 20px}.insumos-heading h3{font-size:30px}.insumos-name strong{font-size:14px}.insumos-cost{font-size:14px}.insumos-list-head,.insumos-row{grid-template-columns:minmax(0,1fr) 23px 99px 7px}.insumos-new{padding:8px 10px}.insumos-new>span{font-size:11px}.insumos-tools>span{height:33px;font-size:11px}.insumos-summary strong{font-size:12px}.insumos-summary p{font-size:11px}.insumos-list-footer{font-size:11px}
}
@container(max-width:370px){
 .kitchen-swap{min-height:465px}.insumos-main{padding:16px 14px}.insumos-list-head,.insumos-row{grid-template-columns:minmax(0,1fr) 90px 6px;gap:6px;padding-inline:10px}.insumos-unit{display:none}.insumos-list-head>span:nth-child(3){font-size:9px}.insumos-name strong{font-size:13px}.insumos-cost{font-size:13px}.kitchen-swap .win98-menu{gap:12px;font-size:11px}.kitchen-swap .win98-title{font-size:11px}.kitchen-swap .win98-grid{font-size:12px}.kitchen-swap .win98-grid td{padding:0 5px}.kitchen-caption{font-size:10px;gap:6px}.kitchen-replay{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.kitchen-page,.insumos-row,.insumos-summary,.kitchen-replay span{transition:none!important}.kitchen-swap[data-page="2"] .insumos-cost::before{animation:none}.kitchen-replay:hover span{transform:none}}


/* No celular, a composição do preço vira uma janela única de custos. */
.s-cost-title{display:none}
@media(max-width:760px){
  #negocio .s-keys{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:380px;margin:32px auto 0;padding:0;border:1px solid #aaa59d;border-radius:16px;background:#faf8f3;box-shadow:inset 0 0 0 1px #fff,0 5px 0 -2px #dedad2,0 12px 24px -16px #3a30284d;overflow:hidden}
  .s-cost-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #c8c4bc;background:linear-gradient(#fff 0%,#eeece7 48%,#dfdcd5 52%,#f2f0eb 100%);box-shadow:inset 0 1px #fff;font:500 12px/18px 'DM Sans',sans-serif;color:#716a61;text-align:left}
  .s-cost-mark{font-size:11px;color:#8a827a}
  #negocio .s-key{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;flex:none;width:auto;min-width:0;height:auto;min-height:43px;margin:0 16px;padding:10px 0;border:0;border-bottom:1px solid #e6e1d8;border-radius:0;background:none;box-shadow:none;font:500 15px/22px 'DM Sans',sans-serif;color:#302e2b;animation:none;text-align:left}
  #negocio .s-key::before{content:'+';display:block;flex:none;width:18px;color:#928a7c;font:400 20px/22px 'DM Sans',sans-serif;text-align:center}
  #negocio .s-key small,#negocio .s-op{display:none}
  #negocio .s-key-result{position:relative;min-height:60px;margin:0;padding:16px;border:0;border-top:1px solid #da8e7d;background:linear-gradient(180deg,#ffd9ca 0%,#ffb69f 47%,#ff9c83 52%,#ffb29a 100%);box-shadow:inset 0 1px #fff4eccc,inset 0 -2px #da7f6840;font-size:17px;font-weight:650;color:#44271f}
  #negocio .s-key-result::before{content:'=';color:#8b4d3e}
}

/* Uma colagem sobre a passagem do fundo claro para o rodapé. */
.s-footer{margin-top:188px;overflow:visible}
.s-footer-inner{padding-top:0;gap:54px}
.f-grid{display:flex;flex-direction:column;gap:60px}
.f-info{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:72px;width:100%;align-items:start}
.f-playground{position:relative;order:-1;align-self:center;width:100%;max-width:1280px;margin:-158px auto 0;isolation:isolate}
.f-playground .f-pile{position:relative;display:block;width:100%;max-width:none;aspect-ratio:1280/640;padding:0;isolation:isolate}
.f-pile .f-sticker{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:auto;min-width:44px;min-height:44px;display:grid;place-items:center;margin:0;padding:0;z-index:var(--z,2);border:0;background:none;transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 9px 6px #0003);cursor:pointer;-webkit-tap-highlight-color:transparent}
.f-pile .f-sticker img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.f-pile .f-sticker:focus-visible,.f-pile .f-sticker.is-playing{z-index:30}
@media(hover:hover){.f-pile .f-sticker:hover{z-index:30}}
.f-pile .f-sticker:focus-visible{outline:2px dashed #98caff;outline-offset:2px;border-radius:20px}
@media(hover:hover){.f-pile .f-sticker:hover img{transform:translateY(-7px) rotate(calc(var(--r) * -.45)) scale(1.07)}}
.f-pile .f-sticker.is-pressed img{transform:translateY(2px) scale(.95);transition:transform 90ms ease-out}
/* Toque de adesivo: afunda ao apertar, descola ao soltar (sobe, sombra cresce e amacia) e cola de volta. */
.f-pile .f-sticker.is-playing img{animation:footer-sticker-peel .66s cubic-bezier(.33,0,.2,1) both}
/* Sombra de “descolar” em camada própria (só opacidade e escala, sem repintar o filtro do sticker). */
.f-pile .f-sticker::after{content:'';position:absolute;left:14%;right:14%;bottom:2%;height:16%;border-radius:50%;background:radial-gradient(closest-side,#0000006b,#0000);opacity:0;z-index:-1;pointer-events:none}
.f-pile .f-sticker.is-playing::after{animation:footer-sticker-shadow .66s cubic-bezier(.33,0,.2,1) both}
@keyframes footer-sticker-peel{0%{transform:translateY(2px) scale(.95)}30%{transform:translateY(-13px) rotate(-4deg) scale(1.1)}55%{transform:translateY(-9px) rotate(-2.5deg) scale(1.075)}80%{transform:translateY(1px) rotate(.8deg) scale(.988)}100%{transform:none}}
@keyframes footer-sticker-shadow{0%{opacity:0;transform:none}30%,55%{opacity:.55;transform:translateY(16px) scale(1.3)}100%{opacity:0;transform:none}}
/* A mesma linguagem Aqua da primeira dobra, em quatro cores de conversa. */
.f-sticker-bubble{--bubble-top:#f5f9ff;--bubble-mid:#9cc4ff;--bubble-bottom:#d0edfa;--bubble-line:#637eaf;--bubble-ink:#172b46;--bubble-open:560ms;--bubble-close:220ms;position:absolute;z-index:40;left:0;top:0;width:max-content;max-width:228px;padding:12px 17px 13px;color:var(--bubble-ink);font:400 16px/1.32 'DM Sans',sans-serif;letter-spacing:-.25px;text-align:left;overflow-wrap:anywhere;pointer-events:none;transform-origin:var(--bubble-origin,50%) 100%;filter:drop-shadow(0 3px 2px #0002) drop-shadow(0 9px 10px #0002);animation:footer-bubble-in var(--bubble-open) cubic-bezier(.3,.7,.4,1) both;animation-delay:var(--bubble-delay,70ms)}
.f-sticker-bubble[data-tone="lilac"]{--bubble-top:#fbf5ff;--bubble-mid:#cab0ee;--bubble-bottom:#e8d7f8;--bubble-line:#9b7eb5;--bubble-ink:#39224f}
.f-sticker-bubble[data-tone="peach"]{--bubble-top:#fffaf0;--bubble-mid:#ffbc95;--bubble-bottom:#ffe0bd;--bubble-line:#c49370;--bubble-ink:#442b1b}
.f-sticker-bubble[data-tone="lemon"]{--bubble-top:#fffef1;--bubble-mid:#ebd875;--bubble-bottom:#f8edb4;--bubble-line:#b5a365;--bubble-ink:#393116}
.f-sticker-bubble>svg{position:absolute;left:0;top:0;width:100%;height:calc(100% + 11px);overflow:visible;z-index:-1}
.f-sticker-bubble.tail-up{transform-origin:var(--bubble-origin,50%) 0%}
.f-sticker-bubble.tail-up>svg{top:-11px}
.f-sticker-bubble.is-leaving{animation:footer-bubble-out var(--bubble-close) cubic-bezier(.5,0,.75,0) both}
/* Bolha de sabão: nasce pequena na ponta da cauda, infla passando um pouco do tamanho e assenta. */
@keyframes footer-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.36) rotate(5deg)}28%{opacity:1}52%{transform:translateY(-3px) scale(1.055) rotate(-1deg)}76%{transform:translateY(0) scale(.985) rotate(.3deg)}100%{opacity:1;transform:none}}
@keyframes footer-bubble-out{to{opacity:0;transform:translateY(6px) scale(.82)}}
@media(max-width:1000px){
 .f-playground{max-width:860px;margin-top:-110px}.s-footer{margin-top:150px}.f-info{gap:48px;grid-template-columns:1fr 1.5fr}.f-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.f-grid{gap:44px}
}
@media(max-width:760px){
 .s-footer{margin-top:130px}.s-footer-inner{gap:32px}.f-playground{width:100%;max-width:460px;margin-top:-110px}.f-playground .f-pile{aspect-ratio:390/1000}
 .f-pile .f-sticker{left:var(--mx);top:var(--my);width:var(--mw);transform:translate(-50%,-50%) rotate(var(--mr,var(--r)));filter:drop-shadow(0 6px 4px #0003)}
 .f-info{display:flex;gap:38px}.f-grid{gap:30px}.f-cols{gap:28px 20px}.f-col{font-size:14px}.s-footer-brand p{max-width:260px;font-size:17px}
 .f-sticker-bubble{max-width:208px;padding:11px 15px 12px;font-size:15px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){
 .f-pile .f-sticker img,.f-pile .f-sticker.is-playing img{animation:none;transition:none}.f-pile .f-sticker:hover img{transform:none}.f-sticker-bubble{animation:none}.f-sticker-bubble.is-leaving{opacity:0;animation:none}
}
/* Contorno da variante vazada do WordArt. */
.f-sticker img[src$="/misso-2.webp"]{filter:drop-shadow(1px 0 0 #e5eeff) drop-shadow(-1px 0 0 #e5eeff) drop-shadow(0 1px 0 #e5eeff) drop-shadow(0 -1px 0 #e5eeff)}

.xp-recipe-link{pointer-events:auto;cursor:pointer;text-decoration:none;border-radius:10px}
.xp-recipe-link:focus-visible{outline:2px dashed #3678ac;outline-offset:6px}

/* A foto e o sticker são duas faces do mesmo cartão, com estado individual. */
.s-product{--product-back:#fff7f8}
.s-product:nth-child(2){--product-back:#f6e4dc}.s-product:nth-child(3){--product-back:#e4eef6}.s-product:nth-child(4){--product-back:#efe6d3}.s-product:nth-child(5){--product-back:#e8e2f1}.s-product:nth-child(6){--product-back:#e2efe6}
.s-product .s-photo{position:relative;display:block;aspect-ratio:4/3;border:0;border-radius:10px;overflow:visible;perspective:900px;background:transparent}
.s-photo-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 650ms cubic-bezier(.22,1,.36,1);transform:rotateY(0deg)}
.s-product.is-flipped .s-photo-turn{transform:rotateY(180deg)}
.s-photo-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:1px solid #e7e1d7;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.s-photo-front{background:#f5f1ea;transform:rotateY(0deg)}
.s-photo-front img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--product-position,50% 50%);filter:none}
.s-photo-back{background:var(--product-back);transform:rotateY(180deg)}
.s-photo-back img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 8px 10px #b3426233)}
@media(prefers-reduced-motion:reduce){.s-photo-turn{transition:none}.s-product .s-photo{transition:none}.s-product:hover .s-photo,.s-product:active .s-photo{transform:none}}

/* ── Vitrine · polimento ── */
/* Fotos revelam uma depois da outra (fade curto + ganho de nitidez) quando a vitrine entra na tela. */
.s-vitrine .s-photo-front img{opacity:0;filter:blur(8px) saturate(.85);transform:scale(1.04);transition:opacity 420ms ease,filter 620ms ease,transform 760ms cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i,0) * 90ms)}
.s-vitrine .s-photo-front img.is-revealed{opacity:1;filter:none;transform:none}
/* Vitrine: o card só vira; sem hover, o cursor de mãozinha basta. */
.s-vitrine .s-photo-turn{transition:transform 700ms cubic-bezier(.5,0,.2,1)}
.s-vitrine .s-photo::after{content:'';position:absolute;left:12%;right:12%;bottom:-8px;height:16px;border-radius:50%;background:radial-gradient(closest-side,#3a2a1a40,#0000);opacity:0;pointer-events:none;z-index:-1}
/* O aviso do Messenger pousa sobre a moldura da janela, sem cobrir o nome dos produtos. */
.s-vitrine .s-toast{right:-48px;translate:0 calc(100% - 14px)}
@media(max-width:1100px){.s-vitrine .s-toast{right:-10px}}
@media(max-width:760px){.s-vitrine .s-toast{right:8px}.s-vitrine-stage{margin-bottom:96px}}
.s-vitrine .s-photo{isolation:isolate}
@media(prefers-reduced-motion:reduce){
 .s-vitrine .s-photo-front img{opacity:1;filter:none;transform:none;transition:none}
 .s-vitrine .s-photo-turn{transition:none}

}
/* ── Janelas abrem uma vez ao entrar na tela (antes acompanhavam o scroll e podiam ficar meio transparentes) ── */
.s-reveal{animation:none!important}
.js .s-reveal:not(.is-in){opacity:0;transform:translateY(28px) scale(.96)}
.js .s-reveal.is-in{animation:s-open-once 640ms cubic-bezier(.2,.9,.3,1.02) both!important}
@keyframes s-open-once{from{opacity:0;transform:translateY(28px) scale(.96)}55%{opacity:1}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .s-reveal:not(.is-in),.js .s-reveal.is-in{opacity:1;transform:none;animation:none!important}}
/* ── Barra 01–04: a pílula Aqua desliza até o item novo, em vez de pular ── */
.mod-pill{position:absolute;z-index:1;top:0;bottom:0;left:0;width:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,#f2f9ff 0%,#d9ecfd 45%,#bcdcf8 52%,#cfe6fb 100%);box-shadow:inset 0 0 0 1px #7fb0de,inset 0 1px 1px #fff;transition:transform 460ms cubic-bezier(.3,1.25,.45,1),width 460ms cubic-bezier(.3,1.25,.45,1),opacity 220ms ease}
.mod-pill.is-on{opacity:1}
.s-modnav-wrap .hero-module-nav.has-pill a{z-index:2}
.s-modnav-wrap .hero-module-nav.has-pill a.is-active{background:transparent;box-shadow:none}
.s-modnav-wrap .hero-module-nav.has-pill a .module-label,.s-modnav-wrap .hero-module-nav.has-pill a .module-number,.s-modnav-wrap .hero-module-nav.has-pill a .module-arrow{transition:color 260ms ease,transform 260ms var(--motion-ease)}
@media(max-width:760px){.mod-pill{display:none}}
@media(prefers-reduced-motion:reduce){.mod-pill{transition:opacity 1ms}}
/* ── Rodapé sem costura: o creme pontilhado continua até a borda do preto (antes aparecia o branco da página) ── */
.site{background-color:#fdfbf8;background-image:radial-gradient(#11100f1c 1px,transparent 1.2px);background-size:26px 26px;background-position:13px 13px}
.s-page{background:none}

/* Messenger: a venda sobe da borda, como o aviso do MSN chegando no canto da tela. */
.s-vitrine .s-toast{right:-52px;bottom:56px}
@media(max-width:1100px){.s-vitrine .s-toast{right:-10px}}
@media(max-width:760px){
  /* Sobre os produtos centrais: a notificação chega antes do fim da vitrine. */
  .s-vitrine .s-toast{right:8px;top:48%;bottom:auto;translate:0 0}
  .s-vitrine-stage{margin-bottom:24px}
}
/* Messenger: sobe de baixo aparecendo num fade (sem corte seco), dá um pulinho e assenta. */
.s-vitrine .t-toast{opacity:0;filter:none;visibility:hidden;transform:translateY(24px);clip-path:none;
  transition:opacity 220ms ease,transform 260ms cubic-bezier(.5,0,.75,0),visibility 0s 260ms}
.s-vitrine .t-toast.is-open{opacity:1;visibility:visible;transform:none;transition:none;animation:msn-arrive 820ms backwards}
.s-vitrine .t-toast.is-open .s-toast-top{animation:msn-flash 1.2s 700ms steps(1,end)}
.s-vitrine .t-toast.is-open .s-toast-avatar{animation:msn-avatar 420ms 520ms cubic-bezier(.3,1.6,.5,1) both}
@keyframes msn-arrive{
  0%{opacity:0;transform:translateY(56px);animation-timing-function:cubic-bezier(.16,.8,.3,1)}
  45%{opacity:1}
  68%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.3,0,.6,1)}
  82%{transform:translateY(-5px)}
  100%{opacity:1;transform:none}}
@keyframes msn-flash{0%,50%{background:linear-gradient(#ffd98a,#f6a93b);border-radius:5px}25%,75%,100%{background:none}}
@keyframes msn-avatar{0%{transform:scale(.86)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){
  .s-vitrine .t-toast,.s-vitrine .t-toast.is-open{transform:none;clip-path:none;transition:none!important;animation:none}.s-vitrine .t-toast.is-open{opacity:1}
  .s-vitrine .t-toast.is-open .s-toast-top,.s-vitrine .t-toast.is-open .s-toast-avatar{animation:none}}

/* Dispositivos: telas vivas e o Game Boy teimoso. */
#dispositivos{position:relative}
.s-dev-screen[data-cycle] img{position:absolute;inset:0;transition:opacity 620ms ease}
.s-dev-screen[data-cycle] img+img{opacity:0}
.s-dev-screen[data-cycle].is-cycling img{opacity:0}
.s-dev-screen[data-cycle].is-cycling img.is-on{opacity:1}
.gb{display:flex;flex-direction:column;justify-content:flex-start;width:132px;height:214px;padding:14px 12px;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform 110ms ease;-webkit-tap-highlight-color:transparent}
.gb:active,.gb.is-pressed{transform:translateY(2px) scale(.985)}
.gb:focus-visible{outline:2px solid #1677c7;outline-offset:6px}
.gb .gb-screen{position:relative;flex:none;display:grid;place-items:center;height:92px;overflow:hidden;font-size:24px;background:repeating-linear-gradient(#0000 0 2px,#2f3d0e12 2px 3px),#9bb54a;box-shadow:inset 0 0 0 2px #8aa63f,inset 0 6px 10px #2f3d0e2e}
.gb-text{display:block;transition:transform 200ms steps(3,end),font-size 200ms steps(3,end)}
.gb-text::after{content:'_';animation:gb-caret 1s steps(1,end) infinite}
.gb-bar{position:absolute;left:12px;right:12px;bottom:14px;display:flex;gap:4px;height:10px;opacity:0}
.gb-bar i{flex:1;background:#2f3d0e26}
.gb-bar i.is-on{background:#2f3d0e}
.gb.is-loading .gb-bar{opacity:1}
.gb.is-loading .gb-text{transform:translateY(-10px);font-size:19px}
.gb.is-booting .gb-text{font-size:28px;animation:gb-boot 1000ms steps(12,end) both}
.gb.is-booting .gb-text::after,.gb.is-booting .gb-bar{display:none}
.gb-brand{position:absolute;left:14px;top:114px;font:italic 700 10px/1 'DM Sans',sans-serif;letter-spacing:.06em;color:#3c3a78}
.gb .s-handheld-pad{left:16px;bottom:50px;width:30px;height:30px;background:linear-gradient(#3a3a3a,#3a3a3a) center/30px 9px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) center/9px 30px no-repeat}
.gb .s-handheld-ab{right:12px;bottom:58px;gap:7px}
.gb .s-handheld-ab i{width:18px;height:18px;box-shadow:inset 0 -2px 0 #6e1d40}
.gb-keys{position:absolute;left:44px;bottom:24px;display:flex;gap:8px;transform:rotate(-24deg)}
.gb-keys i{width:18px;height:5px;border-radius:3px;background:#8e8a82}
.gb-speaker{position:absolute;right:12px;bottom:12px;display:flex;gap:4px;transform:rotate(-30deg)}
.gb-speaker i{width:4px;height:24px;border-radius:2px;background:#a49f94;box-shadow:inset 0 1px 1px #0003}
.gb-wrap .s-nope{inset:-10px -40px;z-index:2}
.gb-wrap .s-nope b{white-space:nowrap;opacity:0;animation:none}
.gb-wrap .s-nope.is-stamped b{animation:gb-stamp 1.6s cubic-bezier(.2,.9,.3,1.2) both}
.gb-screen.is-shaking{animation:gb-shake 240ms steps(4,end)}
@keyframes gb-caret{50%{opacity:0}}
@keyframes gb-boot{0%{transform:translateY(-70px)}80%,100%{transform:none}}
@keyframes gb-shake{25%{translate:-3px 0}50%{translate:3px 1px}75%{translate:-2px 0}}
@keyframes gb-stamp{0%{opacity:0;transform:rotate(-14deg) scale(1.7)}12%{opacity:1;transform:rotate(-14deg) scale(.92)}20%,78%{opacity:1;transform:rotate(-14deg) scale(1)}100%{opacity:0;transform:rotate(-14deg) scale(1)}}

/* Janela do vídeo: um .mov tocando sozinho, mudo e em loop, como no HeyClicky. */
.mov-win .traffic-lights button{box-sizing:border-box;display:grid;place-items:center;width:14px;height:14px;padding:0;border-radius:50%;border:1px solid var(--rim);background:radial-gradient(ellipse at 35% 20%,#ffffffc9 0%,#ffffff33 28%,transparent 50%),linear-gradient(var(--top),var(--bottom));box-shadow:inset 0 0 0 1px #ffffff77,0 1px 1px #0002;font:700 10px/1 system-ui,sans-serif;color:transparent;cursor:pointer}
.mov-win .traffic-lights:hover button,.mov-win .traffic-lights button:focus-visible{color:#0009}
.mov-win .light-red::before{content:'×'}.mov-win .light-yellow::before{content:'−'}.mov-win .light-green::before{content:'+'}

@media(prefers-reduced-motion:reduce){.gb-text::after{animation:none}.gb-screen.is-shaking,.gb.is-booting .gb-text{animation:none}.gb-wrap .s-nope.is-stamped b{animation:none;opacity:1;transform:rotate(-14deg)}.s-dev-screen[data-cycle] img{transition:none}}

/* "gostosa": a máscara de scanline corta no limite da caixa; folga para a perna do g e a sombra. */
.pixel-wobble>span{padding:.1em .06em .24em;margin:-.1em -.06em -.24em}

/* Barra 01–04: mesma largura da janela do produto na versão centralizada. */
.site-b .s-modnav-wrap .hero-module-nav{max-width:1080px}
/* Barra 01–04, variação "Bolha Aqua": régua cinza compacta e uma bolha azul de gel que escorrega de um item para o outro. */
.s-modnav-wrap.nav-bubble .hero-module-nav{max-width:720px;padding:4px;border:1px solid #8b9296;border-radius:999px;background:linear-gradient(180deg,#fdfdfd 0%,#eef0f1 44%,#d9dcde 54%,#eceef0 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px #ffffffb3,inset 0 2px 3px #0000001c,0 8px 18px -10px #00000070;overflow:visible}
.s-modnav-wrap.nav-bubble .hero-module-nav::before{top:3px;left:18px;right:18px;height:44%;border-radius:999px;background:linear-gradient(180deg,#fffffff2,#ffffff1a)}
.s-modnav-wrap.nav-bubble .hero-module-nav a{justify-content:center;gap:0;min-height:38px;padding:0 14px;border:0;border-radius:999px;background:none;box-shadow:none}
.s-modnav-wrap.nav-bubble .hero-module-nav a:hover{background:none}
.s-modnav-wrap.nav-bubble .module-number,.s-modnav-wrap.nav-bubble .module-arrow{display:none}
.s-modnav-wrap.nav-bubble .module-label{font-size:14px;font-weight:600;letter-spacing:-.1px;color:#3a4045;text-shadow:0 1px 0 #fff}
.s-modnav-wrap.nav-bubble .hero-module-nav a:hover .module-label{color:#0b2a4a}
.s-modnav-wrap.nav-bubble .hero-module-nav a.is-active .module-label{color:#061f3d;text-shadow:0 1px 1px #ffffff8c}
.s-modnav-wrap.nav-bubble .mod-pill{top:4px;bottom:4px;border:1px solid #1d4e93;border-radius:999px;background:linear-gradient(180deg,#d9efff 0%,#86c0f4 40%,#3f8de1 50%,#5aa6ef 74%,#a6d6ff 100%);box-shadow:inset 0 -3px 6px #c3e7ff,inset 0 2px 2px #0b3a7a4d,0 4px 8px -3px #0d3d8a99;transition:transform 560ms cubic-bezier(.34,1.45,.5,1),width 560ms cubic-bezier(.34,1.45,.5,1),opacity 220ms ease}
.s-modnav-wrap.nav-bubble .mod-pill::before{content:'';position:absolute;top:2px;left:12%;right:12%;height:46%;border-radius:999px;background:linear-gradient(180deg,#ffffffee,#ffffff30)}
.s-modnav-wrap.nav-bubble .mod-pill.is-moving{animation:nav-bubble-squish 560ms cubic-bezier(.3,.7,.4,1)}
@keyframes nav-bubble-squish{0%{scale:1 1}28%{scale:1.05 .8}58%{scale:.97 1.08}80%{scale:1.01 .98}100%{scale:1 1}}
@media(prefers-reduced-motion:reduce){.s-modnav-wrap.nav-bubble .mod-pill.is-moving{animation:none}}
/* A barra Aqua continua disponível durante a navegação no celular.
   44px do cabeçalho + 8px de respiro + 54px da barra; a âncora soma
   esta margem aos 44px de scroll-padding do documento. */
@media(max-width:760px){
  .s-modnav-wrap.nav-bubble{position:sticky;top:44px}
  .s-modnav-wrap.nav-bubble .hero-module-nav{gap:0}
  .s-modnav-wrap.nav-bubble .hero-module-nav a{min-height:44px;padding:0;flex-direction:row}
  .s-modnav-wrap.nav-bubble .module-label{font-size:clamp(11px,3.3vw,14px)}
  .s-modnav-wrap.nav-bubble .mod-pill{display:block}
  #produtos,#cozinha,#vendas,#negocio{scroll-margin-top:70px}
}

/* CTAs, variação "Gel": todos os botões viram pílula de gel Aqua (irmã da Bolha Aqua), cada um com a sua cor. */
.cta-gel .aqua-cta,.cta-gel .s-btn-silver{position:relative;border-radius:999px;transition:filter 160ms ease,box-shadow 160ms ease}
.cta-gel .aqua-cta{border:1px solid #c4493a;background:linear-gradient(180deg,#ffdcd2 0%,#ffae98 38%,#ff7b63 50%,#ff8d75 74%,#ffc4b4 100%);box-shadow:inset 0 -4px 8px #ffd8cc,inset 0 2px 2px #8f2a1e40,0 6px 12px -4px #b8402f80,0 18px 26px -14px #b8402f66;color:#2a0d08;text-shadow:0 1px 1px #ffffff8c}
.cta-gel .s-btn-silver{border:1px solid #8b9296;background:linear-gradient(180deg,#fdfdfd 0%,#eef0f1 44%,#d9dcde 54%,#eceef0 100%);box-shadow:inset 0 -3px 6px #ffffffb3,inset 0 2px 2px #0000001f,0 6px 12px -6px #0000004d,0 16px 22px -16px #00000040;text-shadow:0 1px 0 #fff}
.cta-gel .aqua-cta::before{content:'';position:absolute;top:3px;left:11%;right:11%;width:auto;height:46%;border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#ffffff1f);opacity:1;transform:none;pointer-events:none}
.cta-gel .aqua-cta:hover{transform:none;filter:brightness(1.05) saturate(1.05)}
.cta-gel .aqua-cta:active{filter:brightness(.96);box-shadow:inset 0 -2px 5px #ffffff80,inset 0 3px 6px #00000033,0 2px 4px -2px #00000066}
.cta-gel .s-aqua{--g-mid:#5cbf88;--g-rim:#3b8a5f;border-radius:999px;border-color:var(--g-rim);background:linear-gradient(180deg,var(--a1) 0%,var(--a3) 38%,var(--g-mid) 50%,color-mix(in srgb,var(--g-mid) 78%,#fff) 74%,var(--a2) 100%);box-shadow:inset 0 -4px 8px var(--a1),inset 0 2px 2px #00000026,0 6px 12px -5px var(--ash),0 16px 22px -14px var(--ash);text-shadow:0 1px 1px #ffffff8c;transition:filter 160ms ease,box-shadow 160ms ease}
.cta-gel .s-aqua-blue{--g-mid:#4a94e0;--g-rim:#2a60a6}
.cta-gel .s-aqua-pink{--g-mid:#ee7cae;--g-rim:#b5487a}
.cta-gel .s-aqua::before{display:none}
.cta-gel .s-aqua:hover{transform:none;filter:brightness(1.05) saturate(1.05)}
.cta-gel .s-aqua:active{transform:none;filter:brightness(.96);box-shadow:inset 0 -2px 5px #ffffff80,inset 0 3px 6px #00000033,0 2px 4px -2px #00000055}
/* Stickers especiais: contador de visitas, play (.mov) e janela (som de boot). */
.mov-pop{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:16px;pointer-events:none;font:17px/1.5 Arial,Helvetica,sans-serif;color:#171717}
.mov-pop[hidden]{display:none}
.mov-pop.is-inline{position:absolute;inset:auto 0 0 0;height:100%}
.mov-win{width:min(640px,100%);pointer-events:auto;opacity:0;transform:scale(.6) translateY(40px);transition:opacity 180ms ease,transform 420ms cubic-bezier(.34,1.45,.5,1),width 420ms cubic-bezier(.3,1.25,.45,1)}
.mov-pop.is-open .mov-win{opacity:1;transform:none}
.mov-pop.is-big .mov-win{width:min(980px,100%)}
.mov-body{aspect-ratio:16/9;background:#0e0f14}
.mov-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 35%,#3a2a6a 0%,#16122b 70%);color:#fff;text-align:center}
.mov-screen p{margin:0}
.mov-kicker{font:13px Tahoma,Verdana,sans-serif;letter-spacing:.08em;color:#9ec9ff;text-transform:uppercase}
.mov-song{font:700 clamp(26px,5vw,42px)/1.05 'DM Sans',sans-serif;letter-spacing:-.8px}
.mov-artist{font:16px 'DM Sans',sans-serif;color:#cfc8ff}
.mov-eq{display:flex;align-items:flex-end;gap:5px;height:34px;margin:6px 0 8px}
.mov-eq i{width:7px;height:30%;border-radius:2px;background:linear-gradient(#8ff0c4,#4aa3ff);animation:mov-eq 900ms ease-in-out infinite alternate}
.mov-eq i:nth-child(2){animation-delay:-.2s}.mov-eq i:nth-child(3){animation-delay:-.5s}.mov-eq i:nth-child(4){animation-delay:-.1s}.mov-eq i:nth-child(5){animation-delay:-.7s}.mov-eq i:nth-child(6){animation-delay:-.35s}.mov-eq i:nth-child(7){animation-delay:-.6s}
@keyframes mov-eq{to{height:100%}}
.mov-link{width:auto;min-height:52px;padding:10px 26px;font-size:18px}
.mov-note{font:12px 'DM Sans',sans-serif;color:#a49fc4}
.mov-pop.is-min{place-items:end start}
.mov-pop.is-min .mov-body{display:none}
.mov-pop.is-min .mov-win{width:260px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.mov-win{transition:opacity 1ms}.mov-eq i{animation:none;height:60%}}
/* Balões dos stickers: frases curtas ficam numa linha só (no celular quebram se não couberem). */
.f-sticker-bubble{max-width:none;white-space:nowrap;overflow-wrap:normal}
@media(max-width:760px){.f-sticker-bubble{max-width:calc(100vw - 28px);white-space:normal}}
/* ── Planos + Dúvidas sobre um céu animado e recortado (referência HeyClicky). O céu escurece no fim e emenda no rodapé. ── */
.s-sky{position:relative;isolation:isolate;overflow:hidden;border-radius:40px 40px 0 0;background:linear-gradient(180deg,#2a62b6 0%,#3a78cc 30%,#5d98dc 55%,#4f7fc4 calc(100% - 760px),#2b3f73 calc(100% - 460px),#161a2a calc(100% - 260px),#11100f calc(100% - 150px))}
.s-sky-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.s-sky-bg::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,#ffffff0d 0 1px,#0000 1px 4px);mix-blend-mode:soft-light}
.s-cloud{position:absolute;display:block;width:1100px;height:420px;opacity:1;filter:blur(9px);will-change:transform;
  background:radial-gradient(closest-side,#fff 30%,#ffffff00) 10% 60%/42% 70% no-repeat,radial-gradient(closest-side,#fffffff2 25%,#ffffff00) 38% 40%/46% 90% no-repeat,radial-gradient(closest-side,#ffffffcc,#ffffff00) 66% 55%/40% 75% no-repeat,radial-gradient(closest-side,#f2f8ffb3,#ffffff00) 88% 65%/30% 55% no-repeat;
  animation:s-cloud-drift 90s linear infinite alternate}
.s-cloud-1{top:-60px;left:-180px}
.s-cloud-2{top:220px;right:-260px;transform:scale(.8);animation-duration:120s;animation-delay:-40s;opacity:.75}
.s-cloud-3{top:780px;left:-120px;transform:scale(1.2);animation-duration:105s;animation-delay:-20s;opacity:.7}
.s-cloud-4{top:1200px;right:-200px;animation-duration:140s;animation-delay:-70s;opacity:.65}
.s-cloud-5{top:1750px;left:10%;transform:scale(.9);animation-duration:115s;opacity:.5}
.s-cloud-6{top:2300px;right:5%;transform:scale(1.1);animation-duration:130s;animation-delay:-50s;opacity:.3}
@keyframes s-cloud-drift{from{translate:-6% 0}to{translate:10% 0}}
.s-sky .s-section{background:none}
.s-sky #precos{padding-top:120px;padding-bottom:40px}
.s-sky #duvidas{padding-top:80px;padding-bottom:560px}
.s-sky .s-h2{color:#fff;text-shadow:0 2px 18px #0d2a5c40}
.s-sky .s-p{color:#f1f6ff;text-shadow:0 1px 10px #0d2a5c40}
.s-sky .s-eyebrow{color:#e8f1ff}
.s-sky-tag{display:inline-block;margin:0 0 22px;padding:6px 16px;border:1px solid #ffffffb3;border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#e9eef3d9);box-shadow:inset 0 1px 0 #fff,0 2px 8px #0d2a5c33;font:600 13px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:#5d6670}
.s-billing{position:relative;display:inline-flex;gap:4px;margin:26px auto 0;padding:5px;border:1px solid #ffffff80;border-radius:999px;background:#ffffff33;box-shadow:inset 0 1px 0 #ffffff59,0 6px 18px -8px #0d2a5c66;backdrop-filter:blur(6px)}
.s-billing button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:none;font:500 17px/1 'DM Sans',sans-serif;color:#fff;cursor:pointer;transition:color 220ms ease}
.s-billing button.is-on{color:#171717}
.s-billing button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.s-billing-off{padding:4px 8px;border-radius:999px;background:#ffffff40;font-size:13px;font-weight:600;transition:background 220ms ease}
.s-billing button.is-on .s-billing-off{background:#dff3e5;color:#1d6b3a}
.s-billing-pill{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border:1px solid #b9c0c6;border-radius:999px;background:linear-gradient(180deg,#fff 0%,#f4f6f7 50%,#e3e7ea 100%);box-shadow:inset 0 1px 0 #fff,0 2px 6px #0d2a5c40;transition:transform 460ms cubic-bezier(.34,1.45,.5,1),width 460ms cubic-bezier(.34,1.45,.5,1)}
.s-plans-sky{grid-template-columns:repeat(2,minmax(0,480px));gap:36px;margin-top:56px;text-align:center}
.s-plans-sky .s-plan{background:#fff;box-shadow:0 30px 60px -30px #0d2a5c80,0 2px 4px #0000001a}
.s-plans-sky .s-plan-pro .product-titlebar{background:linear-gradient(180deg,#d7ecff 0%,#9cc9f5 48%,#7fb4ec 52%,#a9d3f9 100%);border-bottom-color:#6f9fd3}
.s-plans-sky .s-plan-pro .product-titlebar>span{color:#0b2a4a}
.s-plans-sky .s-plan-body{align-items:center;min-height:0;padding:34px 34px 34px}
.s-plans-sky .s-plan-name{font-size:28px;letter-spacing:-.5px}
.s-plans-sky .s-plan-sub{margin:10px 0 0;font-size:18px;line-height:1.4;color:#302e2b;max-width:330px}
.s-plan-rule{align-self:stretch;width:100%;margin:26px 0;border:0;border-top:1px dashed #d6d0c6}
.s-plans-sky .s-price{margin:0;font-size:64px;letter-spacing:-2.4px}
.s-plans-sky .s-price small{font-size:22px}
.s-price-note{margin:8px 0 20px;font-size:15px;color:#4b443d}
.s-plans-sky .s-btn-cta,.s-plans-sky .s-btn-silver{align-self:center}
.s-plan-inc{align-self:flex-start;margin:0 0 12px;font-size:16px;color:#77736f}
.s-plans-sky .s-plan ul{flex:none;align-self:stretch;margin:0 0 18px;padding:0;border:0;text-align:left;font-size:16px}
.s-plans-sky .s-plan li{gap:12px;margin-bottom:12px}
.s-plans-sky .s-plan li svg{width:18px;height:18px;margin-top:2px;shape-rendering:auto}
.s-plan-plus li span{font-weight:600}
.s-plan-limit{align-self:stretch;margin:6px 0 0;padding:14px 16px;border-radius:12px;background:#f5f1ea;text-align:left;font-size:15px;line-height:1.5;color:#4b443d}
.s-plans-foot{margin:40px auto 0;font-size:18px;color:#fff;text-shadow:0 1px 10px #0d2a5c4d}
@media(max-width:760px){.s-sky{border-radius:28px 28px 0 0}.s-plans-sky{grid-template-columns:1fr;gap:28px}.s-plans-sky .s-plan-body{padding:26px 22px}.s-plans-sky .s-price{font-size:52px}.s-cloud{width:560px;height:240px}.s-sky #duvidas{padding-bottom:160px}}
@media(prefers-reduced-motion:reduce){.s-cloud{animation:none}.s-billing-pill{transition:none}}
/* O céu termina no preto do rodapé: sem faixa creme entre eles. */
.s-footer{margin-top:0!important}
/* Céu contido: respiro nas laterais (como no HeyClicky); no fim, as laterais escurecem junto e o céu emenda no rodapé. */
.s-sky-wrap{padding:0 max(16px,5vw);background:linear-gradient(180deg,#0000 calc(100% - 470px),#11100f calc(100% - 115px))}
.s-sky{border-radius:max(12px,1vw) max(12px,1vw) 0 0}
@media(max-width:760px){.s-sky{border-radius:12px 12px 0 0}}
/* Planos: respiro generoso entre os itens, no ritmo do HeyClicky. */
.s-sky #precos .s-sky-tag{margin-bottom:28px}
.s-sky #precos .s-h2{margin-bottom:22px}
.s-sky #precos .s-p{margin-bottom:0}
.s-billing{margin-top:40px}
.s-plans-sky{gap:40px;margin-top:80px}
.s-plans-sky .s-plan-body{padding:52px 44px 48px}
.s-plans-sky .s-plan-name{font-size:32px;line-height:1.1}
.s-plans-sky .s-plan-sub{margin-top:16px;font-size:19px}
.s-plan-rule{margin:40px 0}
.s-plans-sky .s-price{font-size:76px;line-height:1}
.s-plans-sky .s-price small{font-size:24px}
.s-price-note{margin:22px 0 28px;font-size:16px}
.s-plan-inc{margin-bottom:22px;font-size:18px}
.s-plans-sky .s-plan ul{margin-bottom:12px;font-size:17px}
.s-plans-sky .s-plan li{gap:14px;margin-bottom:20px;line-height:1.45}
.s-plans-sky .s-plan li svg{width:20px;height:20px;margin-top:1px}
.s-plans-sky .s-plan ul+.s-plan-inc{margin-top:20px}
.s-plan-limit{margin-top:20px;padding:18px 20px;font-size:16px}
.s-plans-foot{margin-top:64px;font-size:19px}
.s-sky #duvidas{padding-top:140px}
.s-sky #duvidas .s-sky-tag{margin-bottom:28px}
@media(max-width:760px){.s-plans-sky{margin-top:56px;gap:32px}.s-plans-sky .s-plan-body{padding:36px 24px}.s-plans-sky .s-price{font-size:60px}.s-plan-rule{margin:30px 0}.s-sky #duvidas{padding-top:96px}}
/* O reset ".site p{margin:0}" vencia as margens dos textos dos planos; aqui elas voltam a valer. */
.site .s-price-note{margin:22px 0 28px}
.site .s-plan-inc{margin:0 0 22px}
.site .s-plans-sky ul+.s-plan-inc{margin-top:20px}
.site .s-plan-limit{margin:20px 0 0}
.site .s-plans-foot{margin:64px auto 0}
/* Dispositivos: tarja verde na diagonal com a frase passando em loop. */
#dispositivos{overflow-x:clip}
.s-tape{position:relative;z-index:2;left:50%;width:130vw;margin:-40px 0 76px -65vw;transform:rotate(-3deg);overflow:hidden;border-top:2px solid #1f7a3a;border-bottom:2px solid #1f7a3a;background:linear-gradient(180deg,#8ff0a6 0%,#47d96f 45%,#2fc35a 55%,#46d46c 100%);box-shadow:inset 0 2px 0 #ffffff8c,inset 0 -3px 6px #1f7a3a40,0 14px 28px -12px #1f7a3a80}
.s-tape-track{display:flex;width:max-content;animation:s-tape-run 28s linear infinite}
.s-tape-group{display:flex;align-items:center;flex-shrink:0}
.s-tape span,.s-tape b{display:block;padding:16px 22px;font:800 30px/1 'DM Sans',sans-serif;letter-spacing:-.5px;text-transform:uppercase;white-space:nowrap;color:#0d2b16;text-shadow:0 1px 0 #ffffff80}
.s-tape b{padding:16px 6px;font-size:24px;color:#0d2b16}
@keyframes s-tape-run{to{transform:translateX(-50%)}}
@media(max-width:760px){.s-tape{margin:-24px 0 48px -65vw}.s-tape span,.s-tape b{padding:12px 14px;font-size:20px}.s-tape b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.s-tape-track{animation:none}}
/* Céu dos planos: nuvens em ASCII (caracteres que se adensam e derivam devagar), no lugar das nuvens borradas. */
.s-cloud{display:none}
/* Altura intrínseca: abrir respostas não reescala o desenho inteiro do céu. */
.s-ascii{position:absolute;left:0;top:0;width:100%;height:auto;display:block;image-rendering:pixelated}
/* Planos: as duas janelas com as mesmas linhas (subgrid). Título, frase, preço, botão e listas ficam na mesma altura nos dois cards; cards mais largos em telas grandes. */
.s-plans-sky{grid-template-columns:repeat(2,minmax(0,600px));grid-template-rows:repeat(11,auto);row-gap:0}
.s-plans-sky .s-plan{display:grid;grid-row:span 11;grid-template-rows:subgrid}
.s-plans-sky .s-plan-body{display:grid;grid-row:span 10;grid-template-rows:subgrid;justify-items:center;align-content:start}
.s-plans-sky .s-plan-body>*{min-width:0}
.s-plans-sky .s-plan-sub{max-width:none;align-self:start}
.s-plans-sky .s-plan-rule,.s-plans-sky .s-plan ul,.s-plans-sky .s-plan-limit,.s-plan-more{justify-self:stretch}
.s-plans-sky .s-plan-inc{justify-self:start;align-self:end}
.s-plans-sky .s-price,.s-plans-sky .s-price-note{align-self:end}
.s-plans-sky .s-btn-cta,.s-plans-sky .s-btn-silver{align-self:start;justify-self:center}
.s-plan-more{display:flex;flex-direction:column}
.s-plans-sky .s-plan-pro{transform:none}
@media(max-width:900px){.s-plans-sky{grid-template-columns:1fr;grid-template-rows:none}.s-plans-sky .s-plan,.s-plans-sky .s-plan-body{display:flex;flex-direction:column;grid-row:auto}.s-plans-sky .s-plan-body{align-items:center}.s-plans-sky .s-plan-inc{align-self:flex-start}.s-plans-sky .s-plan-rule,.s-plans-sky .s-plan ul,.s-plans-sky .s-plan-limit,.s-plan-more{align-self:stretch}}
.s-plans-sky .s-price{white-space:nowrap;font-size:clamp(50px,5.2vw,76px)}
/* Na coluna única, align-self precisa acompanhar o eixo do flex. */
@media(max-width:900px){
 .s-plans-sky{row-gap:32px}
 .s-plans-sky .s-plan-name,.s-plans-sky .s-plan-sub,
 .s-plans-sky .s-price,.s-plans-sky .s-price-note,
 .s-plans-sky .s-btn-cta,.s-plans-sky .s-btn-silver{align-self:center;text-align:center}
 .s-plans-sky .s-price small{margin-left:6px}
}

.s-plans-sky .s-plan-limit{align-self:start}
.s-plan-more .s-plan-inc{align-self:flex-start}
.s-sky #precos .s-wrap{padding-left:clamp(20px,3vw,48px);padding-right:clamp(20px,3vw,48px)}
@media(min-width:901px){.s-plans-sky .s-plan-body{padding-left:38px;padding-right:38px}}
@media(min-width:901px){.s-plans-sky .s-plan ul{font-size:clamp(15px,1.1vw,17px)}}
/* Planos: checks em pixel art (como antes) e o "letras_miudas.txt", que mostra os limites do gratuito em letras grandes. */
.s-plans-sky .s-plan li svg.s-pixcheck{width:15px;height:13px;margin-top:5px;shape-rendering:crispEdges}
.site .s-plans-sky .s-finep{margin:22px 0 0;padding:0;overflow:hidden;border:1px solid #9a9c9e;border-radius:8px;background:#fffef7;box-shadow:0 1px 0 #fff inset,0 6px 14px -10px #0004;text-align:left}
.s-finep-bar{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 10px;border-bottom:1px solid #c4c4c4;background:linear-gradient(180deg,#fafafa,#e4e5e6);font:11px Tahoma,Verdana,sans-serif;color:#6f6a63}
.s-finep-bar i{font-style:normal;font-size:14px;color:#9a948c}
.site .s-finep-lead{margin:14px 16px 4px;font-size:15px;color:#4b443d}
.s-finep-lead strong{font-family:'Jersey 10',monospace;font-weight:400;font-size:22px;letter-spacing:.5px;color:#2a6aa8}
.s-finep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 12px 4px}
.s-finep-grid>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border:1px dashed #d6d0c6;border-radius:6px;background:#fff}
.s-finep-grid b{font:400 46px/1 'Jersey 10',monospace;color:#2a6aa8;text-shadow:2px 2px 0 #cfe3f5}
.s-finep-grid span{font-size:12.5px;line-height:1.25;text-align:center;color:#4b443d}
.site .s-finep-end{margin:8px 16px 14px;font-size:13px;color:#8a827a}
@media(max-width:520px){.s-finep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Leitura dos textos sobre o céu: sombra mais forte para as nuvens ASCII não atrapalharem. */
.s-sky .s-h2{text-shadow:0 2px 0 #1a3d78,0 0 3px #0d2a5c,0 4px 22px #0d2a5ccc,0 0 40px #0d2a5c80}
.s-sky .s-p{text-shadow:0 1px 1px #0d2a5c,0 0 3px #0d2a5ce6,0 2px 14px #0d2a5cbf}
/* Dúvidas: área branca e sóbria (sem janela), perguntas que abrem e fecham com um + que gira. O céu continua atrás. */
.s-faq.s-faq-plain{max-width:880px;margin:56px auto 0;padding:6px 40px;border:0;border-radius:24px;background:#fff;box-shadow:0 30px 60px -30px #0d2a5c80,0 2px 4px #0000001a;text-align:left;overflow:hidden}
.s-faq-plain details{border-bottom:1px solid #ece7df}
.s-faq-plain details:last-child{border-bottom:0}
.s-faq-plain summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;font-size:20px;font-weight:600;color:#171717;cursor:pointer;list-style:none;transition:color 160ms ease}
.s-faq-plain summary::before{display:none}
.s-faq-plain summary::after{content:'+';flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3efe8;font:400 24px/1 'DM Sans',sans-serif;color:#4b443d;transition:transform 260ms cubic-bezier(.34,1.45,.5,1),background 160ms ease}
.s-faq-plain details[open] summary::after{transform:rotate(45deg);background:#e4eefb;color:#2a6aa8}
.s-faq-plain summary:hover{background:none;color:#2a6aa8}
.s-faq-plain summary:hover::after{background:#e4eefb}
.s-faq-plain summary:focus-visible{outline:2px solid #2a6aa8;outline-offset:4px;border-radius:6px}
.site .s-faq-plain details p{margin:-8px 0 0;padding:0 64px 28px 0;font-size:17px;line-height:1.65;color:#4b443d}
.s-faq-plain details[open] p{animation:s-faq-in 260ms ease both}
@keyframes s-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.s-faq.s-faq-plain{padding:2px 22px;border-radius:18px}.s-faq-plain summary{padding:22px 0;font-size:17px}.site .s-faq-plain details p{padding:0 0 22px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.s-faq-plain details[open] p{animation:none}.s-faq-plain summary::after{transition:none}}
/* Rodapé "Gramado": o campo ASCII desce e vira o chão do rodapé. A colina da frente atravessa as laterais
   (sem recorte reto) e a cor final do gramado é a cor do rodapé (sem degradê cinza). */
.s-ascii-front{display:none}
.foot-grass .s-sky-wrap{position:relative;background:none}
.foot-grass .s-ascii-front{display:block;position:absolute;z-index:0;left:0;bottom:0;width:100%;height:880px;pointer-events:none;image-rendering:pixelated}
.foot-grass .s-sky{background:linear-gradient(180deg,#2a62b6 0%,#3a78cc 30%,#5d98dc 55%,#7fb2e8 calc(100% - 900px),#a8d1f3 calc(100% - 700px),#3f7f34 calc(100% - 640px),#2c5f28 calc(100% - 420px),#183d20 calc(100% - 140px))}
.foot-grass .s-sky{z-index:1}
.foot-grass .s-footer{z-index:2;background:#183d20;color:#f3efe8}
.foot-grass .s-footer-brand p,.foot-grass .s-footer-bottom,.foot-grass .s-footer-links button{color:#b8cfab}
.foot-grass .s-footer-bottom{border-top-color:#ffffff24}
.s-faq-plain details{border-top:0}
.s-faq-plain summary,.s-faq.s-faq-plain summary{padding-top:12px;padding-bottom:12px}
/* ── Wi-Fi da barra: menu no mesmo vidro da barra, e cada rede muda o tema do site ── */
.wifi-wrap{position:relative;display:flex}
.status-wifi{border:0;background:none;font:inherit;color:inherit;border-radius:7px;cursor:default}
.status-wifi:focus-visible{outline:2px solid #2a6aa8;outline-offset:1px}
.wifi-menu{position:absolute;left:-4px;top:calc(100% + 7px);z-index:60;width:272px;padding:6px;border:1px solid #11100f1f;border-radius:12px;background:rgba(253,251,248,.9);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 18px 40px -14px #3930274d,0 2px 6px #39302714;font:13px/1.3 'DM Sans',sans-serif;color:#2b2723;transform-origin:16px 0;animation:wifi-in 160ms cubic-bezier(.2,.9,.3,1.1) both}
.wifi-menu[hidden]{display:none}
.wifi-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;border-bottom:1px solid #11100f12;margin-bottom:4px}
.wifi-head b{font-weight:600;font-size:13px}
.wifi-switch{position:relative;width:30px;height:18px;border-radius:99px;background:linear-gradient(180deg,#8fc3f2,#3f8ad6);box-shadow:inset 0 1px 2px #0b2a4a40}
.wifi-switch i{position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:linear-gradient(#fff,#e9edf1);box-shadow:0 1px 2px #0003}
.wifi-label{margin:6px 8px 2px!important;font-size:11px;font-weight:600;letter-spacing:.04em;color:#8a827a}
.wifi-row{display:flex;align-items:center;gap:9px;width:100%;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.wifi-row:hover,.wifi-row:focus-visible{outline:0;background:linear-gradient(180deg,#f2f9ff 0%,#d9ecfd 45%,#bcdcf8 52%,#cfe6fb 100%);box-shadow:inset 0 0 0 1px #7fb0de,inset 0 1px 1px #fff;color:#0b2a4a}
.wifi-row .wifi-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#11100f12;flex-shrink:0}
.wifi-row.is-on .wifi-ic{background:linear-gradient(180deg,#8fc3f2,#3f8ad6);color:#fff}
.wifi-row .wifi-ic svg{width:13px;height:13px}
.wifi-row .wifi-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wifi-row .wifi-lock{width:11px;height:11px;opacity:.55}
.wifi-row .wifi-warn{font-size:11px;font-weight:600;color:#b3261e}
.wifi-row.is-busy .wifi-name::after{content:' · conectando…';color:#8a827a}
.wifi-foot{margin-top:4px;padding:8px 8px 4px;border-top:1px solid #11100f12;color:#8a827a}
@keyframes wifi-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
html.wifi-switching main,html.wifi-switching .s-footer{animation:wifi-flick 420ms steps(4,end)}
@keyframes wifi-flick{0%{opacity:1}25%{opacity:.2}50%{opacity:.8}75%{opacity:.35}100%{opacity:1}}

/* Tema · Cleitinho2010: site de 2005 bem exagerado */
html.theme-cleitinho body,html.theme-cleitinho .site,html.theme-cleitinho .hero,html.theme-cleitinho .s-page{background-color:#fff4fb!important;background-image:radial-gradient(circle at 20% 30%,#ff8ad8 0 2px,transparent 3px),radial-gradient(circle at 70% 80%,#ffd23a 0 2px,transparent 3px),radial-gradient(circle at 45% 60%,#7ad7ff 0 1.5px,transparent 2.5px);background-size:46px 46px,62px 62px,38px 38px!important}
html.theme-cleitinho .site-header{background:linear-gradient(180deg,#ffe3f5,#ffc1ea);border-bottom:2px dashed #ff4fb8}
html.theme-cleitinho main h1,html.theme-cleitinho main h2,html.theme-cleitinho main h3,html.theme-cleitinho .s-h2{font-family:'Comic Sans MS','Comic Sans','Chalkboard SE','Comic Neue',cursive!important;letter-spacing:0!important;background:linear-gradient(90deg,#ff2fa0,#ff9a1f,#f5d300,#29c46a,#2b8cff,#9b4dff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
html.theme-cleitinho main .s-window{border:3px ridge #ff8ad8;box-shadow:6px 6px 0 #9b4dff55}
html.theme-cleitinho .aqua-cta{background:linear-gradient(180deg,#fff27a,#ffb11f)!important;border-color:#e08a00!important;color:#5a2a00!important}

/* Tema · VaiCorinthians: preto e branco */
html.theme-corinthians main,html.theme-corinthians .s-footer{filter:grayscale(1) contrast(1.08)}
html.theme-corinthians body{background:#fff}
html.theme-corinthians .site-header{background:rgba(12,12,12,.92);border-bottom-color:#000;color:#fff}
html.theme-corinthians .site-header .site-nav,html.theme-corinthians .site-header .menubar-status,html.theme-corinthians .header-login{color:#fff}
html.theme-corinthians .site-header .brand-img{filter:invert(1) brightness(1.8)}

/* Tema · Insegura: a página "invadida" */
html.theme-insegura body{background:#030803}
html.theme-insegura main,html.theme-insegura .s-footer{filter:invert(1) hue-rotate(180deg) sepia(1) hue-rotate(60deg) saturate(2.4) brightness(.95);animation:wifi-glitch 5.5s steps(1,end) infinite}
html.theme-insegura .site-header{background:rgba(3,10,4,.92);border-bottom:1px solid #1f6b2a;color:#7dff8a;font-family:ui-monospace,Menlo,Consolas,monospace}
html.theme-insegura .site-header .site-nav,html.theme-insegura .site-header .menubar-status,html.theme-insegura .header-login{color:#7dff8a}
html.theme-insegura .site-header .brand-img{filter:invert(1) sepia(1) hue-rotate(70deg) saturate(4)}
html.theme-insegura .site-header::after{content:'⚠ REDE INSEGURA · alguém pode estar vendo o preço do seu bolo';position:absolute;left:0;right:0;top:100%;padding:6px 14px;background:#b3261e;font:600 12px/1.3 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;color:#fff;text-align:center}
@keyframes wifi-glitch{0%,91%,100%{transform:none}92%{transform:translateX(-6px) skewX(-2deg)}93%{transform:translateX(5px)}94%{transform:none}96%{transform:translateY(2px) skewX(1deg)}97%{transform:none}}
@media(prefers-reduced-motion:reduce){html.theme-insegura main,html.theme-insegura .s-footer,html.wifi-switching main,html.wifi-switching .s-footer,.wifi-menu{animation:none}}
/* ── 02 · Cozinha: planilha → arquivo → upload → insumos → ficha técnica em foco ──
   Tudo no padrão da plataforma (bege quente, bordas #e5dfd5, coral #ff766c). Entradas 700–1000ms, ease-out expo. */
#cozinha{overflow-x:clip}
.kx{--kx-out:cubic-bezier(.16,1,.3,1);--kx-io:cubic-bezier(.65,0,.35,1)}
.kx .kx-old{font-style:normal;color:#808080;font-size:11px}
.kx-sheet{transform-origin:0% 45%;transition:opacity 700ms var(--kx-io),transform 900ms var(--kx-io),filter 700ms ease}
.kx:not([data-step="sheet"]) .kx-sheet{opacity:0;transform:translateX(-6%) scale(.1);filter:blur(4px);pointer-events:none}
.kx-go{position:absolute;z-index:4;right:-22px;bottom:-24px;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:10px 20px 10px 14px;border:1px solid #7fb0de;border-radius:18px;background:linear-gradient(180deg,#f7fbff 0%,#dcecfc 46%,#bcdcf8 52%,#d4e8fb 100%);box-shadow:inset 0 0 0 2px #ffffffa6,inset 0 3px 4px #fff,inset 0 -3px 5px #1f5f9a1f,0 2px 2px #0b2a4a1f,0 18px 28px -14px #1f5f9a80;font:600 16px/1 'DM Sans',sans-serif;color:#0b2a4a;cursor:pointer;transition:transform 420ms cubic-bezier(.34,1.18,.64,1),opacity 500ms ease}
.kx-go::before{content:'';position:absolute;top:7px;left:12px;width:14px;height:6px;border-radius:70% 40% 60% 35%;background:#fff;opacity:.9;transform:rotate(-18deg)}
.kx-go img{display:block;width:54px;height:auto;padding:6px 8px;border-radius:10px;background:#fff;box-shadow:0 1px 2px #0b2a4a26}
.kx-go:hover{transform:translateY(-3px)}
.kx-go:active{transform:translateY(1px) scale(.98)}
.kx-go:focus-visible{outline:3px solid #2a6aa8;outline-offset:3px}
.kx-go-ring{display:none}
.kx-go-emoji{display:grid;place-items:center;font-size:24px;line-height:1}
.kx:not([data-step="sheet"]) .kx-go{opacity:0;transform:scale(.7);pointer-events:none}
/* arquivo arrastado pelo cursor */
.kx-file{position:absolute;z-index:6;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:5px;width:120px;opacity:0;pointer-events:none;will-change:transform}
.kx-file svg:not(.kx-cursor){width:48px;height:57px;filter:drop-shadow(0 8px 10px #0000002e)}
.kx-file>span:not(.kx-plus){max-width:120px;padding:1px 5px;border-radius:4px;background:#2a6aa8;font:11px/1.3 -apple-system,'DM Sans',sans-serif;color:#fff;text-align:center;word-break:break-all}
.kx-cursor{position:absolute;left:74px;top:38px;width:22px;height:22px;filter:drop-shadow(0 1px 1px #0005)}
.kx-plus{position:absolute;left:68px;top:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#3fae5a;font:700 13px/1 'DM Sans',sans-serif;color:#fff;box-shadow:0 1px 2px #0004;opacity:0;transform:scale(.6);transition:opacity 200ms ease,transform 260ms cubic-bezier(.34,1.3,.64,1)}
.kx-file.is-over .kx-plus{opacity:1;transform:none}
/* janela */
.kx-misso{display:flex;flex-direction:column;background:#f9f7f3;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:opacity 800ms var(--kx-out) 250ms,transform 1000ms var(--kx-out) 250ms}
.kx:not([data-step="sheet"]) .kx-misso{opacity:1;transform:none;pointer-events:auto}

/* ── tela (padrão Missô) ── */
.kz{position:relative;flex:1;display:flex;min-height:560px;overflow:hidden;font:13px/1.4 'DM Sans',sans-serif;color:#35312d;text-align:left;container-type:inline-size}
.kz h3{margin:0}
.kz-ins{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:24px 28px 20px;transition:width 1000ms var(--kx-out),opacity 900ms var(--kx-out),filter 900ms var(--kx-out),padding 1000ms var(--kx-out)}
.kz-crumb{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px;font-size:12px;color:#9a9185}
.kz-crumb b{font-weight:400;padding-left:6px}
.kz-acc{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e7e1d9;border-radius:50%;background:#fff8;font-size:10px;color:#82796c}
.kz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.kz-head h3{font:600 30px/1.15 'DM Sans',sans-serif;letter-spacing:-1px;color:#2d2a26}
.kz-acts{display:flex;align-items:center;gap:8px;flex:none}
.kz-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #e1dbd2;border-radius:8px;background:#fffdf9;box-shadow:0 1px 2px #0000000a;font-size:13px;color:#4b443d;white-space:nowrap}
.kz-btn svg{width:15px;height:15px}
.kz-new{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border:1px solid #ee857e;border-radius:8px;background:#ff766c;box-shadow:inset 0 1px #ffa79f88,0 2px 3px #9f4b3220;font-size:13px;font-weight:500;color:#fff;white-space:nowrap}
/* tabela */
.kz-table{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden;transition:border-color 500ms ease,box-shadow 500ms ease}
.kz-cols,.kz-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 120px 10px;gap:8px;align-items:center;padding:0 16px}
.kz-cols{height:38px;background:#fcfaf6;border-bottom:1px solid #eee9e1;font-size:11.5px;color:#867e74}
.kz-cols i{font-style:normal;padding-left:3px}
.kz-cols span:nth-child(3){text-align:right}
.kz-body{position:relative;flex:1;display:flex;flex-direction:column}
.kz-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:14px;border:1px dashed #d9d1c5;border-radius:10px;text-align:center;transition:opacity 500ms ease,border-color 500ms ease,background 500ms ease}
.kz-empty-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border:1px solid #e7e1d7;border-radius:10px;background:#fff;color:#746e65}
.kz-empty-ic svg{width:20px;height:20px}
.kz-empty b{font-size:15px;font-weight:600;color:#33302c}
.kz-empty small{max-width:300px;font-size:12.5px;line-height:1.45;color:#9a9185}
.kz-skel{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;opacity:0;transition:opacity 400ms ease}
.kz-skel i{display:block;height:64px;border-bottom:1px solid #eee9e1;background:linear-gradient(90deg,#0000 0 16px,#efe9e0 16px 42%,#0000 42% calc(100% - 136px),#efe9e0 calc(100% - 136px) calc(100% - 26px),#0000 0) center/100% 12px no-repeat;opacity:0;transform:translateY(6px);transition:opacity 500ms ease,transform 600ms var(--kx-out)}
.kz-rows{position:absolute;inset:0 0 auto;display:flex;flex-direction:column}
.kz-row{min-height:64px;border:0;border-bottom:1px solid #eee9e1;background:none;font:inherit;color:inherit;text-align:left;cursor:default;opacity:0;transform:translateY(6px);transition:opacity 600ms ease,transform 800ms var(--kx-out),background 500ms ease,box-shadow 500ms ease}
.kz-name strong{display:block;font-size:14px;font-weight:500;color:#35312d}
.kz-name em{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:5px;background:#f5efef;font-style:normal;font-size:10.5px;color:#90767c}
.kz-un{font-size:12px;color:#928a7d}
.kz-cost{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.kz-cost b{font-size:14px;font-weight:600;color:#2d2a26;transition:color 500ms ease}
.kz-cost small{font-size:11px;color:#9a9185}
.kz-arrow{font-size:18px;color:#aea69b}
.kz-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;font-size:11.5px;color:#a39a8d}
.kz-state{display:flex;align-items:center;gap:8px}
.kz-bar{display:block;width:120px;height:4px;border-radius:99px;background:#ebe5dc;overflow:hidden;opacity:0;transition:opacity 300ms}
.kz-bar i{display:block;width:0;height:100%;border-radius:99px;background:#ff766c}
.kz-ok{display:none;align-items:center;gap:5px;color:#82907d}
.kz-ok svg{width:13px;height:13px}
/* resumo "custos sempre atualizados" (igual à tela de Insumos) */
.kz-summary{display:flex;align-items:center;gap:10px;max-height:0;margin-top:0;padding:0 12px;border:1px solid #0000;border-radius:10px;background:#f2f6f0;overflow:hidden;opacity:0;transition:max-height 800ms var(--kx-out),margin 800ms var(--kx-out),padding 800ms var(--kx-out),opacity 600ms ease,border-color 600ms ease,background 600ms ease}
.kz-sum-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #dbe5d5;border-radius:8px;background:#ffffffa6;color:#789279}
.kz-sum-ic svg{width:15px;height:15px}
.kz-summary p{flex:1;margin:0!important;font-size:12px;line-height:1.35;color:#65806a}
.kz-summary strong{display:block;font-weight:600;color:#4d6a52}
.kz-sum-ok{color:#9fb3a0}.kz-sum-ok svg{width:15px;height:15px}
.kx.is-live .kz-summary{max-height:90px;margin-top:12px;padding:10px 12px;opacity:1;border-color:#dde5db}
.kz-summary.is-on{background:#e8f4e9;border-color:#cfe3cf}
.kz-summary.is-on .kz-sum-ic svg{animation:kz-spin 1100ms var(--kx-io)}
@keyframes kz-spin{to{transform:rotate(360deg)}}

/* estados do upload */
.kz-table.is-over{border-color:#ee857e;box-shadow:0 0 0 3px #ff766c1f}
.kz-table.is-over .kz-empty{border-color:#ee857e;background:#fff6f4}
.kz-table.is-reading .kz-empty{opacity:0}
.kz-table.is-reading .kz-skel{opacity:1}
.kz-table.is-reading .kz-skel i{opacity:1;transform:none;transition-delay:calc(150ms + var(--i) * 160ms)}
.kx.is-reading .kz-bar{opacity:1}
.kx.is-reading .kz-bar i{width:100%;transition:width 1500ms var(--kx-io)}
/* lista: as linhas de verdade tomam o lugar do esqueleto */
.kx:is([data-step="list"],[data-step="wired"],[data-step="live"]) .kz-empty{opacity:0}
.kx:is([data-step="list"],[data-step="wired"],[data-step="live"]) .kz-skel{opacity:0;transition-delay:300ms}
.kx:is([data-step="list"],[data-step="wired"],[data-step="live"]) .kz-row{opacity:1;transform:none;transition-delay:calc(var(--i) * 140ms),calc(var(--i) * 140ms),0ms,0ms}
.kx:is([data-step="list"],[data-step="wired"],[data-step="live"]) .kz-bar{display:none}
.kx:is([data-step="list"],[data-step="wired"],[data-step="live"]) .kz-ok{display:inline-flex}

/* ficha técnica: painel que entra pela direita */
.kz-ficha{position:absolute;z-index:3;top:0;right:0;bottom:0;width:52%;display:flex;flex-direction:column;padding:24px 26px 20px;border-left:1px solid #e5dfd5;background:#fffdfa;box-shadow:-24px 0 40px -30px #3930274d;transform:translateX(104%);transition:transform 1100ms var(--kx-out),box-shadow 900ms ease}
.kx:is([data-step="wired"],[data-step="live"]) .kz-ficha{transform:none}
.kx:is([data-step="wired"],[data-step="live"]) .kz-ins{width:48%;padding-right:22px}
.kx:is([data-step="wired"],[data-step="live"]) .kz-un,.kx:is([data-step="wired"],[data-step="live"]) .kz-acts .kz-btn>span,.kx:is([data-step="wired"],[data-step="live"]) .kz-new>span{display:none}
.kx:is([data-step="wired"],[data-step="live"]) .kz-cols,.kx:is([data-step="wired"],[data-step="live"]) .kz-row{grid-template-columns:minmax(0,1fr) 92px 8px}
.kx:is([data-step="wired"],[data-step="live"]) .kz-btn{padding:0 9px}
.kz-tag{padding:4px 9px;border-radius:99px;background:#ffece6;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c4472f}
.kz-fhead{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.kz-fhead h3{font:600 26px/1.15 'DM Sans',sans-serif;letter-spacing:-.9px;color:#2d2a26}
.kz-fic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffece6;color:#d9483a}
.kz-fic svg{width:17px;height:17px}
.kz-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.kz-meta>div{padding:9px 11px;border:1px solid #e9e3da;border-radius:10px;background:#fff}
.kz-meta span{display:block;font-size:10.5px;color:#9a9185}
.kz-meta b{display:block;margin-top:3px;font-size:15px;font-weight:600;color:#2d2a26;font-variant-numeric:tabular-nums}
.kz-meta small{font-size:11px;font-weight:400;color:#9a9185}
.kz-ftitle{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.kz-ftitle b{font-size:14px;font-weight:600;color:#33302c}
.kz-ftitle span{font-size:11px;color:#a39a8d}
.kz-ftable{border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden}
.kz-fcols,.kz-frow,.kz-ftotal{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;gap:8px;align-items:center;padding:0 14px}
.kz-fcols{height:34px;background:#fcfaf6;border-bottom:1px solid #eee9e1;font-size:11px;color:#867e74}
.kz-fcols span:last-child,.kz-frow b{text-align:right}
.kz-frow{min-height:46px;border-bottom:1px solid #eee9e1;font-size:13px;opacity:0;transform:translateX(8px);transition:opacity 600ms ease,transform 800ms var(--kx-out),background 500ms ease,box-shadow 500ms ease}
.kz-frow.is-on{opacity:1;transform:none}
.kz-q{color:#928a7d}
.kz-frow b{font-weight:600;font-variant-numeric:tabular-nums;transition:color 500ms ease}
.kz-ftotal{grid-template-columns:1fr auto;min-height:52px;background:#fcfaf6;font-size:12px;color:#867e74}
.kz-ftotal b{font-size:19px;font-weight:700;letter-spacing:-.4px;color:#2d2a26;font-variant-numeric:tabular-nums;transition:color 500ms ease}
.kz-fnote{display:flex;align-items:center;gap:8px;margin:12px 2px 0!important;font-size:12px;color:#8a827a}
.kz-dotlive{width:7px;height:7px;border-radius:50%;background:#cfc6b8;transition:background 500ms ease}
.kz-fnote.is-on .kz-dotlive{background:#3fae5a;box-shadow:0 0 0 3px #3fae5a26}
.kz-fnote.is-on{color:#4d6a52}
/* foco na ficha: a lista recua, a ficha ganha presença */
.kx.is-focus .kz-ins{opacity:.42;filter:saturate(.3)}
.kx.is-focus .kz-ins:hover,.kx.is-focus .kz-ins:has(.is-hot){opacity:1;filter:none}
/* preço mudou: só o insumo que mudou fica em destaque no painel da esquerda; o resto apaga até a animação voltar ao estado final */
.kx.is-focus .kz-ins :is(.kz-crumb,.kz-head,.kz-cols,.kz-foot),.kx.is-focus .kz-ins .kz-rows>.kz-row{transition:opacity 500ms ease,filter 500ms ease,background-color 400ms ease,transform 800ms var(--kx-out)}
.kx.is-focus .kz-ins:has(.is-hot) :is(.kz-crumb,.kz-head,.kz-cols,.kz-foot),.kx.is-focus .kz-ins:has(.is-hot) .kz-rows>.kz-row:not(.is-hot){opacity:.32;filter:saturate(.3)}
.kx.is-focus .kz-ficha{box-shadow:-30px 0 60px -26px #39302773}
.kx.is-live .kz-row{cursor:pointer}
.kx.is-live .kz-row:hover{background:#faf7f2}
.kz-row:focus-visible{outline:2px solid #2a6aa8;outline-offset:-2px}
/* mudança de preço */
.kz-row.is-hot{background:linear-gradient(180deg,#f3fcf6 0%,#d6f1e0 48%,#b9e4cb 52%,#d6f1e0 100%);box-shadow:inset 0 0 0 1px #86c4a2,inset 0 0 0 3px #ffffff80,inset 0 3px 4px #fff}
.kz-row.is-hot .kz-cost b{color:#d9483a}
.kz-frow.is-hot{background:linear-gradient(180deg,#f3fcf6 0%,#d6f1e0 48%,#b9e4cb 52%,#d6f1e0 100%);box-shadow:inset 0 0 0 1px #86c4a2,inset 0 0 0 3px #ffffff80,inset 0 3px 4px #fff}
/* contraste no verde: textos escuros e preço vermelho mais fechado */
.kz-row.is-hot .kz-name strong,.kz-frow.is-hot>span:first-child{color:#123824}
.kz-row.is-hot .kz-name em{background:#ffffffb3;color:#2c5a40}
.kz-row.is-hot .kz-cost small,.kz-frow.is-hot .kz-q{color:#2c5a40}
.kz-row.is-hot .kz-cost b,.kz-frow.is-hot b{color:#a52a1a!important}
.is-hot.is-up>.kz-cost>.kz-delta,.is-hot.is-up>.kz-fcost>.kz-delta{background:#fff;color:#a52a1a}
.kz-frow.is-hot b{color:#d9483a}
.kz-ftotal.is-bump b{color:#d9483a}
/* fios */
.kz-wires{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}
.kx-wire{fill:none;stroke:#d6cdbf;stroke-width:1.4;stroke-linecap:round;opacity:0;transition:stroke 600ms ease,opacity 700ms ease,stroke-width 600ms ease}
.kx-wire.is-drawn{opacity:1}
.kx-wire.is-hot{stroke:#ff766c;stroke-width:2}
.kz-wires circle{fill:#ff766c;opacity:0}
/* celular: ficha entra por baixo */
@container(max-width:620px){
 .kz{flex-direction:column;min-height:0}
 .kz-ins{padding:18px 16px 16px}.kz-head h3{font-size:25px}.kz-btn>span{display:none}.kz-btn{padding:0 9px}
 .kz-cols,.kz-row{grid-template-columns:minmax(0,1fr) 92px 8px}.kz-un{display:none}
 .kz-table{flex:none;min-height:230px}
 .kz-ficha{position:relative;width:auto;margin:0 12px 14px;border:1px solid #e5dfd5;border-radius:14px;padding:16px;transform:translateY(16px);opacity:0;display:none;transition:transform 1000ms var(--kx-out),opacity 800ms ease}
 .kx:is([data-step="wired"],[data-step="live"]) .kz-ficha{display:flex;opacity:1;transform:none}
 .kx:is([data-step="wired"],[data-step="live"]) .kz-ins{width:100%;padding-right:16px}
 .kz-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.kz-meta b{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.kx-sheet,.kx-misso,.kz-ins,.kz-ficha,.kz-row,.kz-frow,.kz-skel i,.kz-summary{transition:none!important}.kz-summary.is-on .kz-sum-ic svg{animation:none}}
/* ── v9: ficha no formato de produção, fios de lã e etiqueta "sempre atualizado" ── */
.kz-ficha{padding:0;overflow:hidden}
.kz-fscroll{display:flex;flex-direction:column;padding:24px 26px 28px;transition:transform 1400ms var(--kx-out)}
.kz-ficha::after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(#fffdfa00,#fffdfa);pointer-events:none}
.kz-ficha .kz-crumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kz-fhead{margin-bottom:18px}
.kz-fhead h3{font-size:28px}
.kz-ftable{margin-bottom:18px}
.kz-ftotal>span{display:flex;flex-direction:column;gap:2px}
.kz-ftotal small{font-size:11px;color:#a39a8d}
.kz-ftotal small b{font-size:11px;font-weight:600;color:#867e74;letter-spacing:0}
.kz-meta{margin-bottom:18px}
.kz-steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:st;border:1px solid #e5dfd5;border-radius:12px;background:#fffc}
.kz-steps li{counter-increment:st;display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid #eee9e1;font-size:12.5px;line-height:1.45;color:#4b443d}
.kz-steps li:last-child{border-bottom:0}
.kz-steps li::before{content:counter(st);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f5efea;font-size:11px;font-weight:600;color:#8a6f5c}
.kz-fsave{display:flex;justify-content:flex-end}
.kz-fsave .kz-new{height:38px;padding:0 18px}
.kz-fnote,.kz-tag{display:none}
/* fios de lã: fio grosso, sombra macia e a torção desenhada por cima */
.kx-wire{opacity:0;transition:opacity 500ms ease}
.kx-wire.is-drawn{opacity:1}
.kx-wire path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.kx-wire .yarn-shadow{stroke:#3930271f;stroke-width:6;transform:translateY(2px)}
.kx-wire .yarn{stroke:var(--yarn);stroke-width:4.5}
.kx-wire .yarn-twist{stroke:#ffffff8c;stroke-width:2.2;stroke-dasharray:3 4.5}
.kx-wire.is-hot .yarn{stroke:#ff766c}
.kx-wire.is-hot .yarn-twist{stroke:#ffffffb3}
.kz-wires circle{fill:#fff;stroke:#ff766c;stroke-width:2.5}
/* etiqueta flutuante: bolha de gel com o ícone girando */
.kz-bubble{position:absolute;z-index:5;left:var(--bx,50%);top:var(--by,40%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border:1px solid #86c4a2;border-radius:999px;background:linear-gradient(180deg,#f3fcf6 0%,#d6f1e0 48%,#b9e4cb 52%,#d6f1e0 100%);box-shadow:inset 0 0 0 2px #ffffff80,inset 0 3px 4px #fff,0 2px 2px #0000000f,0 12px 20px -12px #3d7a5680;font:600 12.5px/1 'DM Sans',sans-serif;color:#123824;white-space:nowrap;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:opacity 500ms ease,transform 700ms cubic-bezier(.34,1.3,.64,1)}
.kz-bubble::before{content:'';position:absolute;top:5px;left:14px;width:12px;height:5px;border-radius:70% 40% 60% 35%;background:#fff;opacity:.9;transform:rotate(-18deg)}
.kz-bubble-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #12382426;color:#2f8a57}
.kz-bubble-ic svg{width:14px;height:14px;animation:kz-spin 2.6s linear infinite}
.kx.is-focus .kz-bubble{opacity:1;transform:translate(-50%,-50%);animation:kz-float 3.6s ease-in-out 700ms infinite}
.kz-bubble.is-pulse .kz-bubble-ic svg{animation:kz-spin 700ms cubic-bezier(.65,0,.35,1) 2,kz-spin 2.6s linear 1.4s infinite}
@keyframes kz-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}
@container(max-width:620px){.kz-fscroll{padding:16px}.kz-ficha{max-height:none}.kz-ficha::after{display:none}.kz-bubble{left:auto!important;right:18px;transform:translate(0,-50%) scale(.6)}.kx.is-focus .kz-bubble{transform:translate(0,-50%);animation:none}}
@media(prefers-reduced-motion:reduce){.kz-bubble-ic svg,.kx.is-focus .kz-bubble{animation:none}}
/* pontas dos fios: um encaixe redondo na borda de cada tabela */
.kx-wire .plug{fill:#fffdfa;stroke:var(--yarn);stroke-width:2.5;transition:opacity 300ms ease,stroke 500ms ease}
.kx-wire.is-hot .plug{stroke:#ff766c}
.kz-table,.kz-ftable{position:relative}
/* v9.2 */
.kx-wire .flow{fill:#fff;stroke:var(--yarn);stroke-width:2;opacity:0}
.kx-wire.is-hot .flow{stroke:#ff766c}
/* planilha some no lugar enquanto o Missô aparece */
.kx:not([data-step="sheet"]) .kx-sheet{opacity:0;transform:scale(.985);filter:blur(2px);transition:opacity 600ms ease,transform 700ms var(--kx-out),filter 600ms ease}
/* saindo: a planilha passa por cima do Missô enquanto voa até o ícone */
.kx-sheet{position:relative;z-index:2}
.kx-misso{position:relative;z-index:1}
/* rendimento, forno e temperatura num container só */
.kz-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden}
.kz-meta>div{border:0;border-radius:0;background:none;padding:11px 14px}
.kz-meta>div+div{border-left:1px solid #eee9e1}
@container(min-width:621px){.kx:is([data-step="wired"],[data-step="live"]) .kz-frow,.kx:is([data-step="wired"],[data-step="live"]) .kz-fcols{padding-left:26px}.kx:is([data-step="wired"],[data-step="live"]) .kz-arrow{opacity:0}}
/* contador de giro + seta de alta/baixa */
.odo-d{display:inline-block;height:1em;line-height:1;overflow:hidden;vertical-align:-.12em}
.odo-s{display:flex;flex-direction:column;transition:transform 520ms cubic-bezier(.2,.9,.25,1)}
.odo-s i{display:block;height:1em;font-style:normal;line-height:1;text-align:center}
.odo-c{display:inline-block}
.kz-cost,.kz-fcost{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px}
.kz-cost{display:block}
.kz-delta{display:inline-grid;place-items:center;width:0;height:16px;margin-right:0;border-radius:50%;opacity:0;transform:translateY(5px) scale(.6);vertical-align:-2px;transition:opacity 300ms ease,transform 420ms cubic-bezier(.34,1.4,.64,1),width 300ms ease,margin 300ms ease}
.kz-delta svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.is-up>.kz-cost>.kz-delta,.is-up>.kz-fcost>.kz-delta{width:16px;margin-right:5px;opacity:1;transform:none;background:#ffe5e2;color:#d9483a}
.is-down>.kz-cost>.kz-delta,.is-down>.kz-fcost>.kz-delta{width:16px;margin-right:5px;opacity:1;transform:rotate(180deg);background:#e3f3e7;color:#2f8a57}
.is-down .kz-cost b,.is-down.kz-frow b{color:#2f8a57!important}
.is-tick .kz-delta svg{animation:kz-nudge 900ms ease 2}
@keyframes kz-nudge{0%,100%{transform:none}50%{transform:translateY(-2px)}}
.kz-fcost,.kz-cost,[data-kx-total],[data-kx-slice],[data-kx-price],[data-kx-cost]{white-space:nowrap}
.kz-fcols,.kz-frow{grid-template-columns:minmax(0,1fr) 64px minmax(84px,auto)}
.kz-fcols,.kz-frow{grid-template-columns:minmax(0,1fr) 64px 72px}
.kz-cost,.kz-fcost{position:relative}
.kz-fcost{display:block;text-align:right}
.kz-delta,.is-up>.kz-cost>.kz-delta,.is-up>.kz-fcost>.kz-delta,.is-down>.kz-cost>.kz-delta,.is-down>.kz-fcost>.kz-delta{position:absolute;right:calc(100% + 6px);top:50%;width:16px;margin:-8px 0 0}
.kz-cost .kz-delta{right:auto;left:-22px}
.kz-cost,.kz-fcost{display:inline-flex;align-items:baseline;justify-self:end;position:relative}
.kz-cost .kz-delta{left:auto;right:calc(100% + 6px)}
/* botão no ritmo dos outros botões Aqua + seta de giz e balão chamando pro clique */
.kx-go{min-height:54px;padding:13px 24px 13px 20px;gap:10px;border-radius:15px;font:600 17px/1.2 'DM Sans',sans-serif}
/* botão no mesmo gel azul do "Da cozinha para as vendas" (.cta-gel .s-aqua-blue) */
.kx .kx-go{min-height:54px;padding:13px 24px 13px 20px;gap:10px;border:1px solid #2a60a6;border-radius:999px;background:linear-gradient(180deg,#f2f9ff 0%,#acd3f6 38%,#4a94e0 50%,color-mix(in srgb,#4a94e0 78%,#fff) 74%,#d4e9fc 100%);box-shadow:inset 0 -4px 8px #f2f9ff,inset 0 2px 2px #00000026,0 6px 12px -5px #1f5f9a45,0 16px 22px -14px #1f5f9a45;color:#0b2a4a;text-shadow:0 1px 1px #ffffff8c;font:600 17px/1.2 'DM Sans',sans-serif;letter-spacing:-.2px;transition:transform 420ms cubic-bezier(.34,1.18,.64,1),opacity 500ms ease,filter 160ms ease,box-shadow 160ms ease}
.site .kx .kx-go,.site .kx .kx-go:hover{color:#0b2a4a}
.kx .kx-go::before{display:none}
.kx .kx-go:hover{transform:none;filter:brightness(1.05) saturate(1.05)}
.kx .kx-go:active{transform:none;filter:brightness(.96);box-shadow:inset 0 -2px 5px #ffffff80,inset 0 3px 6px #00000033,0 2px 4px -2px #00000055}
.site .kx .kx-go:focus-visible{outline:3px solid #6fa4d8;outline-offset:4px}
/* flutua no próprio eixo pra mostrar que é clicável (translate separado do transform do hover/entrada) */
.kx[data-step="sheet"] .kx-go{animation:kx-go-float 2.6s ease-in-out infinite}
@keyframes kx-go-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(prefers-reduced-motion:reduce){.kx[data-step="sheet"] .kx-go{animation:none}}
/* chamada pro clique: seta de giz desenhada até o botão + balão Aqua (o mesmo do rodapé, estilo HeyClicky) */
.kx-hint{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
.kx-chalk{position:absolute;left:0;top:0;overflow:visible}
.kx:not([data-step="sheet"]) .kx-hint{opacity:0;transition:opacity 300ms ease}
/* balão no padrão HeyClicky: sai do botão, digita o texto com cursor e cresce junto */
.kx-say{position:absolute;left:auto;top:auto;width:max-content;max-width:296px;text-wrap:balance;padding:12px 20px 13px;color:#000;font:400 17px/1.35 'DM Sans',sans-serif;letter-spacing:-.25px;text-shadow:0 2px 2px #fffc;white-space:normal;opacity:0;transform-origin:10px 100%;transform:scale(.9);transition:opacity 220ms ease,transform 380ms cubic-bezier(.34,1.56,.64,1)}
.kx-say.is-on{opacity:1;transform:none}
.kx-say-shape{position:absolute;left:0;top:0;overflow:visible;z-index:0;pointer-events:none}
.kx-say>span{position:relative;z-index:2}
.kx-say-gl{position:absolute;z-index:1;top:3px;left:16px;right:16px;height:10px;border-radius:999px;background:linear-gradient(#fffffff0,#ffffff30);pointer-events:none}
.kx-say.typing>span::after{content:'';display:inline-block;width:2px;height:20px;margin-left:3px;margin-right:-5px;vertical-align:-4px;border-radius:1px;background:#0000008c;animation:kx-caret .8s step-end infinite}
@keyframes kx-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@container(max-width:640px){.kx-say{font-size:15px;padding:10px 16px 11px}}
/* ── 01 · Produtos: a receita da vó (medidas no olho) vira ficha técnica (medidas exatas) ── */
.pf{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;padding-bottom:34px;font:13px/1.4 'DM Sans',sans-serif;color:#35312d;text-align:left;--pf-out:cubic-bezier(.16,1,.3,1);--pf-io:cubic-bezier(.65,0,.35,1)}
.pf>.pf-docwrap,.pf>.pf-misso{grid-area:1/1}
.pf-docwrap{position:relative;min-width:0;justify-self:start;width:44%}
/* sticker do arquivo da receita, flutuando no canto inferior esquerdo do WordPad */
.pf-stk{left:-44px;bottom:-104px;z-index:4}
.pf-recipe-arrow{display:none}
/* receita antiga: WordPad */
.pf-doc{width:100%;margin-top:0;transform-origin:20% 30%;transition:transform 1100ms var(--pf-out),opacity 900ms ease,filter 900ms ease}
.pf-doc .win98-title{font-family:Tahoma,Verdana,sans-serif;gap:6px}
.pf-doc .win98-title>span:first-child{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pf-doc .win98-btns{flex:none}
.pf-doc-ic{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:5px;border-radius:2px;background:#fff;color:#1d4fb8;font:700 10px/1 'Times New Roman',serif;vertical-align:-2px}
.pf-ruler{height:16px;margin:0 0 3px;border:1px solid;border-color:#808080 #fff #fff #808080;background:repeating-linear-gradient(90deg,#fff 0 9px,#8a8a8a 9px 10px) 0 100%/100% 5px no-repeat,#fff}
.pf-paper{padding:18px 22px 20px;background:#fff;border:1px solid;border-color:#808080 #fff #fff #808080;font:15px/1.55 'Times New Roman',Times,serif;color:#111}
.pf-paper p{margin:0}
.pf-paper .pf-dt{margin-bottom:8px;font-size:19px;font-weight:700}
.pf-paper .pf-how{margin-top:8px}
.pf-paper mark{padding:0 1px;color:inherit;background:linear-gradient(#fff200,#fff200) 0 0/0% 100% no-repeat;transition:background-size 420ms var(--pf-io),background-color 500ms ease}
.pf-paper mark.is-on{background-size:100% 100%}
.pf-paper mark.is-used{background-image:linear-gradient(#c9eed5,#c9eed5)}
/* ficha técnica no Missô (mesmo padrão da cozinha) */
.pf-misso{min-width:0;justify-self:end;width:60%;margin-top:64px;z-index:2;opacity:0;transform:translateX(34px) scale(.985);pointer-events:none;transition:opacity 700ms ease,transform 1100ms var(--pf-out)}
.pf-body{position:relative;padding:20px 24px 6px;background:#fffdfa}
.pf-crumb{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px;font-size:12px;color:#9a9185}
.pf-crumb b{font-weight:400;padding:0 6px}
.pf-acc{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e7e1d9;border-radius:50%;background:#fff8;font-size:10px;color:#82796c}
.pf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.pf-head h3{display:flex;align-items:center;min-height:34px;margin:0;font:600 28px/1.15 'DM Sans',sans-serif;letter-spacing:-.9px;color:#2d2a26}
.pf-title{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;vertical-align:bottom}
.pf-caret{display:inline-block;width:2px;height:28px;margin-left:2px;background:#ff766c;opacity:0}
.pf.is-typing .pf-caret{opacity:1;animation:pf-caret .8s step-end infinite}
@keyframes pf-caret{50%{opacity:0}}
.pf-save{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid #ee857e;border-radius:8px;background:#ff766c;box-shadow:inset 0 1px #ffa79f88,0 2px 3px #9f4b3220;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;opacity:.45;transition:opacity 400ms ease,transform 160ms ease}
.pf.is-done .pf-save{opacity:1}
.pf-save.is-press{transform:scale(.95)}
.pf-ftitle{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.pf-ftitle b{font-size:14px;font-weight:600;color:#33302c}
.pf-ftitle span{font-size:11px;color:#a39a8d}
.pf-table,.pf-meta,.pf-steps{border:1px solid #e5dfd5;border-radius:12px;background:#fffc;overflow:hidden;margin:0 0 18px}
.pf-cols,.pf-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;align-items:center;padding:0 14px}
.pf-cols{height:34px;background:#fcfaf6;border-bottom:1px solid #eee9e1;font-size:11px;color:#867e74}
.pf-cols span:last-child{text-align:right}
.pf-row{min-height:40px;border-bottom:1px solid #eee9e1;opacity:0;transform:translateX(8px);transition:opacity 500ms ease,transform 700ms var(--pf-out),background 600ms ease,box-shadow 600ms ease}
.pf-row:last-child{border-bottom:0}
.pf-row.is-on{opacity:1;transform:none}
/* quantidade: primeiro a medida "no olho", depois a medida exata */
.pf-q{position:relative;display:grid;justify-items:end;height:20px;overflow:hidden;font-variant-numeric:tabular-nums}
.pf-q>*{grid-area:1/1;transition:transform 520ms var(--pf-out),opacity 380ms ease}
.pf-q i{font-style:italic;color:#a39a8d;text-decoration:line-through;text-decoration-color:#d9483a99}
.pf-q b{font-weight:600;color:#2d2a26;opacity:0;transform:translateY(110%)}
.is-exact .pf-q i,.pf-q.is-exact i{opacity:0;transform:translateY(-110%)}
.is-exact .pf-q b,.pf-q.is-exact b{opacity:1;transform:none}
.pf-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-meta>div{padding:11px 14px;opacity:0;transition:opacity 500ms ease,background 600ms ease}
.pf-meta>div+div{border-left:1px solid #eee9e1}
.pf-meta>div.is-on{opacity:1}
.pf-meta span{display:block;font-size:10.5px;color:#9a9185}
.pf-meta .pf-q{display:grid;justify-items:start;height:22px;margin-top:3px;font-size:15px}
.pf-meta .pf-q i{font-size:13px}
.pf-meta small{font-size:11px;font-weight:400;color:#9a9185}
.pf-steps{padding:0;list-style:none;counter-reset:st}
.pf-steps li{counter-increment:st;display:grid;grid-template-columns:26px 1fr;gap:10px;padding:9px 14px;border-bottom:1px solid #eee9e1;font-size:12.5px;line-height:1.4;color:#4b443d;opacity:0;transform:translateY(6px);transition:opacity 500ms ease,transform 700ms var(--pf-out)}
.pf-steps li:last-child{border-bottom:0}
.pf-steps li.is-on{opacity:1;transform:none}
.pf-steps li::before{content:counter(st);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f5efea;font-size:11px;font-weight:600;color:#8a6f5c}
/* passos de estado */
.pf:not([data-step="doc"]) .pf-doc{opacity:.92;filter:saturate(.7);transform:translateY(-6px) scale(.97)}
.pf:not([data-step="doc"]) .pf-misso{opacity:1;transform:none}
/* etiqueta final, no mesmo gel do "sempre atualizado" */
@keyframes pf-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.pf-ok{position:absolute;z-index:4;right:-34px;bottom:46px;width:68px;height:68px;pointer-events:none}
.pf-ok>*{position:absolute;border-radius:50%}
/* camada a camada: sombra → gel → disco branco → brilho → check desenhado */
.pf-ok-glow{inset:0;box-shadow:0 2px 2px #0000000f,0 16px 26px -12px #3d7a5699;opacity:0}
.pf-ok-gel{inset:0;border:1px solid #86c4a2;background:linear-gradient(180deg,#f3fcf6 0%,#d6f1e0 48%,#b9e4cb 52%,#d6f1e0 100%);box-shadow:inset 0 0 0 2px #ffffff80,inset 0 3px 4px #fff,inset 0 -3px 5px #3d7a561f;transform:scale(0)}
.pf-ok-disc{inset:13px;display:grid;place-items:center;background:#fff;box-shadow:0 1px 2px #12382433,inset 0 -2px 3px #12382412;transform:scale(0)}
.pf-ok-disc svg{width:22px;height:22px;overflow:visible}
.pf-ok-disc path{fill:none;stroke:#2f8a57;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.pf-ok-gloss{top:6px;left:14px;width:20px;height:8px;border-radius:70% 40% 60% 35%;background:#fff;opacity:0;transform:translateY(-4px) rotate(-18deg)}
.pf.is-done .pf-ok{animation:pf-float 3.6s ease-in-out 1500ms infinite}
.pf.is-done .pf-ok-glow{animation:pf-ok-glow 520ms ease-out both}
.pf.is-done .pf-ok-gel{animation:pf-ok-pop 620ms cubic-bezier(.34,1.56,.64,1) 60ms both}
.pf.is-done .pf-ok-disc{animation:pf-ok-pop 520ms cubic-bezier(.34,1.56,.64,1) 300ms both,pf-ok-bump 360ms ease-out 1060ms}
.pf.is-done .pf-ok-gloss{animation:pf-ok-gloss 420ms ease-out 480ms both}
.pf.is-done .pf-ok-disc path{animation:pf-ok-draw 460ms cubic-bezier(.65,0,.35,1) 640ms both}
@keyframes pf-ok-glow{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes pf-ok-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes pf-ok-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}
@keyframes pf-ok-gloss{from{opacity:0;transform:translateY(-4px) rotate(-18deg)}to{opacity:.9;transform:rotate(-18deg)}}
@keyframes pf-ok-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.pf.is-done .pf-ok *{animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}.pf.is-done .pf-ok-gloss{transform:rotate(-18deg)}}
.pf-again{position:absolute;right:0;bottom:0;padding:0;border:0;background:none;font:13px 'DM Sans',sans-serif;color:#6e675f;text-decoration:underline;text-underline-offset:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 400ms ease}
.pf.is-done .pf-again{opacity:1;pointer-events:auto}
.pf-again:focus-visible{outline:3px solid #6fa4d8;outline-offset:4px}
@container recipe (max-width:620px){
 .pf-ok{right:-14px;width:60px;height:60px}
 .pf-ok-disc{inset:11px}
 .pf>.pf-docwrap{grid-area:1/1;width:92%}
 .pf>.pf-misso{grid-area:1/1;width:100%;margin-top:56px;transform:translateY(28px)}
 .pf{padding-bottom:40px}
 .pf-body{padding:18px 16px 0}
 .pf-head{flex-wrap:wrap;gap:10px}
 .pf-head h3{font-size:23px;min-width:0}
 .pf-crumb>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pf-cols,.pf-row{grid-template-columns:minmax(0,1fr) 96px}
 .pf-meta>div{padding:10px}
}
@media(prefers-reduced-motion:reduce){.pf *,.pf{transition:none!important;animation:none!important}}
/* timer de cozinha pulando atrás do "Mas": 20% escondido atrás da palavra, o resto para fora, solto na diagonal */
#hero-title{position:relative;z-index:0}
.hero-mas{position:relative;display:inline-block}
.hero-timer{position:absolute;z-index:-1;right:calc(100% - .44em);top:-.5em;width:2.2em;aspect-ratio:360/335;background:url('assets/timer-pulo.webp') 0 0/800% 100% no-repeat;rotate:-16deg;pointer-events:none;animation:hero-timer-pulo 2.4s infinite step-end}
@keyframes hero-timer-pulo{0%{background-position:0 0}72.25%{background-position:14.2857% 0}77.46%{background-position:28.5714% 0}80.92%{background-position:42.8571% 0}86.13%{background-position:57.1429% 0}89.58%{background-position:71.4286% 0}93.04%{background-position:85.7143% 0}96.5%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.hero-timer{animation:none}}
@media(max-width:760px){.hero-timer{display:none}}
/* ── 04 · Negócio: o bolo à venda montado peça por peça (recortes de revista) + a conta no bloquinho ── */
/* palco: ilustração à esquerda, composição do preço à direita */
.pn{--out:cubic-bezier(.16,1,.3,1);--pop:cubic-bezier(.34,1.56,.64,1);margin:64px 0 0}
.pn-stage{display:grid;grid-template-columns:600px 440px;gap:72px;justify-content:center;align-items:center;text-align:left}
/* a ilustração tem medidas fixas (600×480) e escala junto com a caixa em telas menores */
.pn-artbox{position:relative;width:min(600px,100%);aspect-ratio:600/480}
.pn-artbox>.pn-art{position:absolute;left:0;top:0;transform-origin:0 0;scale:var(--pn-s,1)}
.pn-art{position:relative;width:600px;height:480px}
.pn-art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
/* recortes de revista: cada peça é uma imagem; entra caindo e assenta, desligada sobe e some */
.pn-part{position:absolute;display:block;opacity:0;transform:translateY(-70px) rotate(var(--r,0deg)) scale(.96);transform-origin:50% 100%;transition:opacity 420ms ease,transform 820ms var(--pop),filter 300ms ease;filter:drop-shadow(0 6px 6px #39302722) drop-shadow(0 18px 18px #3930271c)}
.pn-part img{display:block;width:100%;height:auto}
.pn-part.is-on{opacity:1;transform:rotate(var(--r,0deg))}
.pn-part.is-off{opacity:0;transform:translateY(-46px) rotate(var(--r,0deg)) scale(.9);transition:opacity 360ms ease,transform 600ms var(--out)}
.pn-part.is-hover{filter:drop-shadow(0 0 12px #ffd34d) drop-shadow(0 18px 18px #3930271c)}
/* A caixa é opaca: fica atrás do bolo; guardanapos e talheres assentam à frente. */
.pn-p-descartaveis{left:302px;top:310px;width:258px;z-index:3;--r:-4deg}
.pn-p-bolo{left:82px;top:116px;width:300px;height:326px;z-index:2;--r:1.5deg}
.pn-p-bolo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.pn-p-embalagem{left:250px;top:170px;width:330px;z-index:0;--r:3deg;filter:drop-shadow(0 10px 12px #3930271a)}
.pn-p-timer{left:7px;top:342px;width:120px;z-index:4;--r:-6deg}
.pn-art>svg{z-index:1}
.pn-tag{z-index:5}
.pn-say{z-index:6}
.pn-needle{position:absolute;inset:0;transform-origin:51.56% 57.69%;transition:transform 1100ms cubic-bezier(.65,0,.35,1)}
.pn-part.is-on .pn-needle{transform:rotate(300deg)}
.pn-string{fill:none;stroke:#8a827a;stroke-width:1.5;stroke-dasharray:3 3}

/* etiqueta de preço recortada, pendurada na tampa: o valor é escrito por cima */
.pn-tag{position:absolute;left:418px;top:106px;width:200px;transform-origin:6% 50%;animation:pn-swing 4s ease-in-out infinite;filter:drop-shadow(0 8px 10px #b3423a55);transition:filter 400ms ease}
.pn-tag img{display:block;width:100%;height:auto}
.pn-tag-txt{position:absolute;left:31%;right:4%;top:2%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;color:#fff3ea;opacity:.93;rotate:-1.2deg;text-shadow:0 -1px 0 #9e2f2240,0 1px 0 #ffffff1f}
.pn-tag small{font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;opacity:.85}
.pn-tag b{font-size:24px;font-weight:750;letter-spacing:-.5px;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-tag.is-low{filter:grayscale(1) brightness(1.05) drop-shadow(0 8px 10px #0003)}
@keyframes pn-swing{0%,100%{rotate:-3deg}50%{rotate:3deg}}

/* balão de alerta quando algo fica de fora (mesmo balão do “Clica aqui”) */
.pn-say{position:absolute;max-width:230px;padding:12px 18px 13px;border:1px solid #985626;border-radius:22px;background:linear-gradient(#fee6d2,#fdcba0 48%,#fee1c8);box-shadow:0 8px 14px -6px #0003;color:#000;font:400 16px/1.3 'DM Sans',sans-serif;text-shadow:0 2px 2px #fffc;opacity:0;transform:translateY(8px) scale(.92);transform-origin:20% 100%;transition:opacity 260ms ease,transform 420ms var(--pop);pointer-events:none}
.pn-say::after{content:'';position:absolute;left:26px;bottom:-9px;width:16px;height:16px;border-right:1px solid #985626;border-bottom:1px solid #985626;background:#fee1c8;transform:rotate(45deg) skew(8deg,8deg);border-bottom-right-radius:4px}
.pn-say.is-on{opacity:1;transform:none}

/* composição do preço: folha de bloquinho da confeiteira, recortada e presa com fita */
.pn-note{--ink:#2b3a67;--line:#cfdcec;position:relative;width:min(440px,100%);padding:30px 30px 26px 62px;background-color:#fffdf5;background-image:linear-gradient(90deg,transparent 46px,#f1a7a3 46px,#f1a7a3 47.5px,transparent 47.5px),repeating-linear-gradient(180deg,transparent 0 37px,var(--line) 37px 38px);background-position:0 0,0 30px;font-family:'Caveat','Segoe Print','Bradley Hand',cursive;color:var(--ink);rotate:-1.6deg;box-shadow:0 1px 1px #0000000d,0 14px 24px -14px #3930276e;clip-path:polygon(0 1.2%,6% 0,14% .9%,23% .2%,31% 1%,40% .3%,49% 1.1%,58% .2%,67% .9%,76% .1%,85% 1%,93% .3%,100% 1%,100% 100%,0 100%)}
.pn-wrap{position:relative;padding-top:12px}
.pn-wrap::before,.pn-wrap::after{content:'';position:absolute;z-index:2;top:2px;width:92px;height:28px;background:#efe3c8c4;box-shadow:inset 0 0 0 1px #d9c9a540;pointer-events:none}
.pn-wrap::before{left:26px;rotate:-7deg}
.pn-wrap::after{right:22px;rotate:6deg}
.pn-note-title{margin:0;font-size:30px;font-weight:700;line-height:38px;color:var(--ink)}
.pn-list{display:flex;flex-direction:column}
.pn-row{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;height:76px;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;opacity:0;translate:0 4px;transition:opacity 420ms ease,translate 600ms var(--out)}
.pn-row.is-seen{opacity:1;translate:0 0}
.pn-row:focus-visible{outline:2px dashed var(--ink);outline-offset:2px;border-radius:6px}
.pn-box{width:28px;height:28px;margin-top:6px;overflow:visible}
.pn-sq{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.pn-ck{fill:none;stroke:#2f8a57;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset 380ms cubic-bezier(.65,0,.35,1)}
.pn-row[aria-pressed="true"] .pn-ck{stroke-dashoffset:0}
.pn-name{position:relative;min-width:0}
.pn-row b{position:relative;display:inline-block;font-size:29px;font-weight:700;line-height:38px;color:var(--ink);transition:color 300ms ease}
.pn-row small{display:block;font-size:20px;line-height:38px;color:#6b7594;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-val{position:relative;display:inline-block;font-size:28px;font-weight:700;line-height:38px;white-space:nowrap;color:var(--ink);transition:color 300ms ease,opacity 300ms ease}
/* tirar da conta = riscar à mão */
.pn-strike{position:absolute;left:-4px;right:-6px;top:20px;height:3px;border-radius:3px;background:#d9483a;transform:scaleX(0) rotate(-2deg);transform-origin:0 50%;transition:transform 420ms cubic-bezier(.65,0,.35,1)}
.pn-val .pn-strike{rotate:1deg}
.pn-row[aria-pressed="false"].is-seen .pn-strike{transform:scaleX(1) rotate(-2deg)}
.pn-row[aria-pressed="false"].is-seen b,.pn-row[aria-pressed="false"].is-seen .pn-val{color:#9aa2b8}
@media(hover:hover){.pn-row:hover b{text-decoration:underline wavy #2b3a6740;text-underline-offset:6px}}
.pn-sumline{display:block;height:0;margin:-2px -6px 0;border-top:2.5px solid var(--ink);opacity:.75;rotate:-.6deg}
.pn-total{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:76px}
.pn-total span{font-size:28px;font-weight:700;color:var(--ink)}
.pn-total b{position:relative;font-size:44px;font-weight:700;line-height:1;white-space:nowrap;color:#d9483a}
.pn-total b::after{content:'';position:absolute;left:-6px;right:-8px;bottom:-12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' preserveAspectRatio='none'%3E%3Cpath d='M2 4 C40 1 90 5 158 2 M6 10 C50 7 100 10 154 8' fill='none' stroke='%23d9483a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.pn-hint{margin:0;font-size:22px;line-height:38px;color:#6b7594;opacity:0;transition:opacity 500ms ease}
.pn-hint.is-on{opacity:1}
@media(max-width:1180px){.pn-stage{grid-template-columns:minmax(0,1fr);gap:40px;justify-items:center}.pn-wrap{width:min(440px,100%)}}
@media(max-width:520px){.pn-note{padding:26px 18px 22px 50px;background-image:linear-gradient(90deg,transparent 36px,#f1a7a3 36px,#f1a7a3 37.5px,transparent 37.5px),repeating-linear-gradient(180deg,transparent 0 37px,var(--line) 37px 38px)}.pn-row b{font-size:26px}.pn-row small{font-size:16.5px}.pn-val{font-size:25px}.pn-total b{font-size:38px}.pn-total span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.pn *{transition:none!important;animation:none!important}}

/* texto de apoio do negócio: duas linhas, sem palavra sozinha no fim */
#negocio .s-p{max-width:780px;text-wrap:pretty}
/* ── Dispositivos: recortes de revista na composição do Eric; as telas do app entram em perspectiva sobre cada tela ── */
.dv-box{position:relative;width:min(940px,100%);aspect-ratio:940/680;margin:72px auto 0}
.dv{position:absolute;left:0;top:0;width:940px;height:680px;transform-origin:0 0;scale:var(--dv-s,1);text-align:left}
.dv-dev{position:absolute;filter:drop-shadow(0 6px 6px #39302722) drop-shadow(0 20px 22px #3930271f)}
.dv-dev>img{display:block;width:100%;height:100%}
.dv .s-dev-screen{position:absolute;left:0;top:0;border:0;border-radius:6px;background:#f8f6f3;transform-origin:0 0;backface-visibility:hidden}
.dv .s-dev-screen::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(125deg,#ffffff38 0%,#ffffff0a 38%,#0000 60%,#00000014 100%);pointer-events:none}
.dv-celular .s-dev-screen{border-radius:14px}
.dv-celular .s-dev-screen img,.dv-tablet .s-dev-screen img{object-position:left top}
/* Game Boy: o recorte inteiro é o botão; a tela verde fica em perspectiva sobre o LCD */
.dv .gb{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;background:none;box-shadow:none;border-radius:0}
.dv .gb>img{display:block;width:100%;height:100%;pointer-events:none}
.dv .gb .gb-screen{position:absolute;left:0;top:0;height:auto;border:0;border-radius:3px;transform-origin:0 0;font-size:22px}
.dv .gb-wrap .s-nope{inset:auto;left:-40px;right:-40px;top:20%;height:60px}
.dv-computador{left:19px;top:20px;width:511px;height:391px}
.dv-computador .s-dev-screen{width:272px;height:222px;transform:matrix3d(0.868437,0.029705,0,-0.00037221,-0.075450,0.941601,0,-0.00001407,0,0,1,0,70.9900,47.8500,0,1)}
.dv-tablet{left:635px;top:100px;width:250px;height:363px}
.dv-tablet .s-dev-screen{width:190px;height:283px;transform:matrix3d(1.025391,0.018307,0,0.00015505,0.040880,0.993873,0,-0.00006101,0,0,1,0,25.4800,37.7000,0,1)}
.dv-notebook{left:260px;top:265px;width:600px;height:400px}
.dv-notebook .s-dev-screen{width:338px;height:214px;transform:matrix3d(1.128809,-0.033492,0,0.00042302,0.105596,0.996327,0,-0.00023789,0,0,1,0,29.0900,34.6600,0,1)}
.dv-celular{left:221px;top:365px;width:114px;height:231px}
.dv-celular .s-dev-screen{width:78px;height:209px;transform:matrix3d(0.968556,0.019923,0,-0.00033671,-0.066475,0.984376,0,-0.00000743,0,0,1,0,22.4300,9.7900,0,1)}
.dv-gameboy{left:790px;top:415px;width:130px;height:206px}
.dv-gameboy .gb .gb-screen{width:59px;height:55px;transform:matrix3d(1.051944,0.058669,0,0.00057296,0.026563,0.999861,0,-0.00016191,0,0,1,0,39.6100,32.6700,0,1)}
@media(max-width:760px){.dv-box{margin-top:48px}.dv .gb-wrap .s-nope b{font-size:40px}}
/* telas sem interface: só o logo do Missô, apagadinho, no vidro de cada aparelho */
.dv .s-dev-screen.dv-logo{display:grid;place-items:center;background:none}
.dv .s-dev-screen.dv-logo::after{display:none}
.dv .dv-logo img{width:46%;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.2}
.dv-celular .dv-logo img{width:70%}
/* composição sobe para a faixa verde passar um pouco por cima do monitor; a frase vai para baixo */
#dispositivos .s-tape{z-index:3}
.dv-box{z-index:1;margin-top:-112px}
#dispositivos .dv-title{margin-top:56px}
@media(max-width:760px){.dv-box{margin-top:-62px}#dispositivos .dv-title{margin-top:36px}}
/* Game Boy: o texto cabe no LCD pequeno e fica centralizado */
.dv .gb .gb-screen{font-size:15px;place-items:center;text-align:center}
.dv .gb .gb-text{white-space:nowrap;line-height:1}
.dv .gb.is-loading .gb-text{font-size:13px;transform:translateY(-5px)}
.dv .gb.is-booting .gb-text{font-size:18px}
.dv .gb .gb-bar{left:6px;right:6px;bottom:7px;height:6px;gap:2px}
/* mouse em cima: o recorte levanta um pouco do papel, gira de leve e a tela "acende" */
.dv-dev{transition:transform 420ms cubic-bezier(.34,1.56,.64,1),filter 300ms ease}
.dv-dev .dv-logo img{transition:opacity 300ms ease}
@media(hover:hover){
 .dv-dev:hover{transform:translateY(-10px) rotate(var(--dv-tilt,-1.5deg));filter:drop-shadow(0 10px 8px #3930271f) drop-shadow(0 30px 28px #39302733)}
 .dv-dev:hover .dv-logo img{opacity:.42}
}
.dv-computador{--dv-tilt:-1.8deg}.dv-tablet{--dv-tilt:2deg}.dv-notebook{--dv-tilt:-1deg}.dv-celular{--dv-tilt:-4deg}.dv-gameboy{--dv-tilt:4deg}
@media(prefers-reduced-motion:reduce){.dv-dev{transition:none}.dv-dev:hover{transform:none}}
.site-b .hero{position:relative;isolation:isolate;background:transparent}
.site-b .hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--hero-paper) 0,var(--hero-paper) 300px,#fdfbf800 820px);pointer-events:none}
/* "sem baixar nada": circulado à mão com giz coral, desenhado quando a frase entra na tela */
.dv-loop{position:relative;display:inline-block;white-space:nowrap}
.dv-loop-svg{position:absolute;left:-.42em;top:-.26em;width:calc(100% + .88em);height:calc(100% + .52em);overflow:visible;pointer-events:none;z-index:-1}
.dv-title{position:relative;z-index:0}
.dv-loop-svg path{stroke-dasharray:1 1;stroke-dashoffset:1}
.dv-loop.is-on .dv-loop-a{animation:dv-loop-draw .9s cubic-bezier(.45,.1,.25,1) .15s forwards}
.dv-loop.is-on .dv-loop-b{animation:dv-loop-draw .6s cubic-bezier(.45,.1,.25,1) .95s forwards}
.dv-loop.is-done .dv-loop-svg path{stroke-dashoffset:0;animation:none}
@keyframes dv-loop-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.dv-loop .dv-loop-svg path{stroke-dashoffset:0;animation:none}}
/* tag "Vem aí": pílula de gel cinza (mesmo gel dos botões, versão prata) */
.s-plan li .s-soon{position:relative;align-self:center;display:inline-flex;align-items:center;flex-shrink:0;height:22px;padding:0 10px;border:1px solid #8b9296;border-radius:999px;background:linear-gradient(180deg,#fdfdfd 0%,#eef0f1 44%,#d9dcde 54%,#eceef0 100%);box-shadow:inset 0 -2px 4px #ffffffb3,inset 0 1px 1px #0000001a,0 3px 6px -4px #00000059;font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:#3d4246;text-shadow:0 1px 0 #fff;white-space:nowrap}
.s-plan li .s-soon::before{content:'';position:absolute;top:2px;left:9%;right:9%;height:42%;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#ffffff10);pointer-events:none}

/* ── Página Sobre nós ── */
.site .ab-h1{margin:0 auto 22px}
.site .ab-hero .s-p{margin:0 auto;max-width:620px}
.site .ab-name{margin:0}
.site-nav a[aria-current="page"]{background:linear-gradient(180deg,#f2f9ff 0%,#d9ecfd 45%,#bcdcf8 52%,#cfe6fb 100%);box-shadow:inset 0 0 0 1px #7fb0de,inset 0 1px 1px #fff;color:#0b2a4a}
.ab-hero{padding-top:110px;padding-bottom:120px}
/*ab-tag*/.ab-tag-old{display:inline-block;margin:0 0 26px;padding:6px 16px;border:1px solid #d9d2c6;border-radius:999px;background:linear-gradient(180deg,#fff,#f1ede6);box-shadow:inset 0 1px 0 #fff,0 2px 6px #39302714;font:600 13px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:#77736f}
.ab-page .hero-eyebrow{margin-bottom:22px}
.ab-h1{max-width:1000px;margin:0 auto 26px;font-size:clamp(40px,4.3vw,66px);font-weight:750;line-height:1.12;letter-spacing:-1.8px;text-wrap:balance}
.ab-h1 .pixel-wobble{color:#e0574b}
.ab-photo-box{position:relative}
.ab-stk{position:absolute;z-index:3;height:auto;filter:drop-shadow(0 12px 10px #0004);pointer-events:none}
.ab-stk-1{width:clamp(90px,10vw,150px);left:-3%;top:-7%;transform:rotate(-12deg)}
.ab-stk-2{width:clamp(90px,9vw,140px);right:-3%;bottom:-9%;transform:rotate(9deg)}
.ab-stk-3{width:clamp(70px,8vw,124px);right:13%;top:-9%;transform:rotate(8deg)}
.ab-card{overflow:visible}
.ab-card .product-titlebar{border-radius:13px 13px 0 0}
.ab-photo-wrap{max-width:1120px;margin-top:64px}
.ab-photo-win{transform:rotate(-1deg)}
.ab-photo{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center 38%}
@media(max-width:600px){.ab-photo{aspect-ratio:4/3}}
.site .ab-caption{margin:22px 0 0;text-align:center;font-size:15px;color:#77736f}
.ab-why{padding-top:20px;padding-bottom:60px}
.ab-why-grid>div:first-child{position:sticky;top:90px}
.ab-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,6vw,120px);max-width:1240px;align-items:start}
.site .ab-why-text p{margin:0 0 22px;font-size:20px;line-height:1.6;color:#4b443d}
.site .ab-why-text p:first-child{font-size:24px;line-height:1.5;color:#171717}
.ab-people{padding-top:60px;padding-bottom:160px}
.ab-grid{display:grid;align-items:stretch;grid-template-columns:repeat(2,minmax(0,520px));justify-content:center;gap:40px;margin-top:64px}
.ab-card:nth-child(1){transform:rotate(-1.2deg)}.ab-card:nth-child(2){transform:rotate(1deg)}
.ab-person{display:flex;flex-direction:column;align-items:flex-start;padding:34px 36px 36px}
.ab-avatar{width:112px;height:112px;margin-bottom:22px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #c9c2b6,0 8px 16px -8px #39302766;overflow:hidden}
.ab-avatar svg{display:block;width:100%;height:100%}
.ab-avatar-blue{background:linear-gradient(180deg,#d7ecff,#9cc9f5)}.ab-avatar-blue svg{fill:#5b8fcf}
.ab-avatar-pink{background:linear-gradient(180deg,#ffe3ea,#ffb3c6)}.ab-avatar-pink svg{fill:#e0788f}
.ab-name{margin:0;font-size:30px;font-weight:750;letter-spacing:-.8px}
.site .ab-role{margin:6px 0 18px;font-size:16px;color:#2a6aa8;font-weight:600}
.site .ab-bio{margin:0 0 22px;font-size:17px;line-height:1.6;color:#4b443d}
.ab-likes{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ab-likes li{padding:6px 12px;border:1px solid #e3ddd3;border-radius:999px;background:#fff;font-size:14px;color:#4b443d}
.ab-end{padding-top:150px!important;padding-bottom:880px!important}
.ab-end .s-p{color:#f1f6ff}
@media(max-width:860px){.ab-why-grid{grid-template-columns:1fr;gap:20px}.ab-grid{grid-template-columns:1fr;gap:28px}.ab-card:nth-child(n){transform:none}.ab-photo-win{transform:none}.ab-hero{padding-top:72px;padding-bottom:72px}.ab-photo-wrap{margin-top:44px}.ab-person{padding:26px 24px 28px}.site .ab-why-text p:first-child{font-size:21px}.ab-end{padding-top:90px!important;padding-bottom:900px!important}.ab-hero{padding-bottom:48px}.ab-why{padding-bottom:40px}.ab-people{padding-top:40px;padding-bottom:100px}.ab-why-grid>div:first-child{position:static}}
.mov-frame{display:block;width:100%;height:100%;border:0;background:#0e0f14}

/* Pequenas recusas do Game Boy: impressos, selos e pixels, em vez de um aviso genérico. */
.dv .gb-wrap .s-nope{left:50%;right:auto;top:8%;width:260px;height:104px;translate:-50% 0;z-index:8}
.dv .gb-wrap .s-nope .gb-stamp-card{--stamp-ink:#f7eed4;--stamp-paper:#30372a;--stamp-angle:-8deg;display:flex;align-items:center;gap:13px;position:relative;width:250px;min-height:94px;padding:13px 15px;border:2px solid #1f261c;border-radius:2px;background:var(--stamp-paper);color:var(--stamp-ink);text-align:left;white-space:normal;box-shadow:3px 4px 0 #141b2733,inset 0 0 0 2px #ffffff1f;font-weight:400;transform:rotate(var(--stamp-angle));transform-origin:50% 70%;}
.gb-stamp-card::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff8 .55px,transparent .8px);background-size:5px 4px;opacity:.15;pointer-events:none}
.gb-stamp-icon{flex:none;width:32px;height:36px;display:grid;place-items:center}
.gb-stamp-icon svg{width:30px;height:32px;fill:currentColor;shape-rendering:crispEdges}
.gb-stamp-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.gb-stamp-copy small{font:700 8px/1.2 'DM Sans',sans-serif;letter-spacing:1.15px;white-space:nowrap}
.gb-stamp-copy strong{font:400 29px/.95 'Jersey 10',monospace;letter-spacing:.1px}
.gb-stamp-copy>span{font:500 10px/1.25 'DM Sans',sans-serif;letter-spacing:0}
.dv .gb-wrap .gb-stamp-card[data-kind="denied"]{--stamp-angle:9deg;--stamp-paper:#f9eee4;--stamp-ink:#a22946;border:3px double currentColor;outline:2px solid currentColor;outline-offset:3px;border-radius:0;box-shadow:none}
.gb-stamp-card[data-kind="denied"] .gb-stamp-copy strong{font-size:36px;letter-spacing:2px}
.dv .gb-wrap .gb-stamp-card[data-kind="tip"]{--stamp-angle:-5deg;--stamp-paper:#eee9d7;--stamp-ink:#244aa0;border-color:#244aa0;box-shadow:3px 4px 0 #244aa02e}
.gb-stamp-card[data-kind="tip"] .gb-stamp-icon{border:1px solid currentColor;padding:3px;width:37px;height:41px}
.dv .gb-wrap .gb-stamp-card[data-kind="really"]{--stamp-angle:7deg;--stamp-paper:#f3cb44;--stamp-ink:#543a20;border-color:#543a20;border-radius:1px 1px 13px 1px}
.gb-stamp-card[data-kind="really"] .gb-stamp-copy strong{font-size:26px;max-width:160px}
.dv .gb-wrap .gb-stamp-card[data-kind="unlock"]{--stamp-angle:-6deg;--stamp-paper:#dde9b9;--stamp-ink:#354a21;border-color:#617844;box-shadow:3px 4px 0 #354a2133}
.dv .gb-wrap .s-nope.is-stamped .gb-stamp-card{animation:gb-reaction 2400ms both}
@keyframes gb-reaction{0%{opacity:0;transform:translateY(-9px) rotate(var(--stamp-angle)) scale(1.3)}7%{opacity:1;transform:translateY(0) rotate(var(--stamp-angle)) scale(.94)}13%,84%{opacity:1;transform:rotate(var(--stamp-angle)) scale(1)}100%{opacity:0;transform:translateY(-7px) rotate(var(--stamp-angle)) scale(.98)}}
@media(prefers-reduced-motion:reduce){.dv .gb-wrap .s-nope.is-stamped .gb-stamp-card{animation:none;opacity:1;transform:rotate(var(--stamp-angle))}}

.gb-stamp-card[data-kind="unlock"] .gb-stamp-copy strong{font-size:25px;white-space:nowrap}
@media(max-width:760px){
  /* A colagem encolhe; o aviso mantém tamanho de leitura e se ancora pela direita. */
  .dv .gb-wrap .s-nope{left:auto;right:0;top:-125px;translate:0;scale:calc(.88 / var(--dv-s,1));transform-origin:100% 0}
}

.mko-logo-filters{position:absolute;pointer-events:none;overflow:hidden}


/* Refinos do celular: uma única ficha, controles legíveis e alinhamentos compartilhados. */
@media(max-width:760px){
  .site-header .site-nav a,.site-header .header-login{align-items:center;justify-content:center;height:32px;padding:0 7px;font:inherit;line-height:1}
  .s-aqua{font-size:clamp(12px,3.55vw,14px);white-space:nowrap;gap:8px;padding:12px 16px;min-height:48px;max-width:100%}
  .s-aqua>span{flex:none}

  /* O ícone ocupa o canto da janela; o WordPad faz parte somente da versão desktop. */
  .pf{margin-top:24px;padding-top:64px}
  .pf .pf-doc{display:none}
  .pf>.pf-docwrap{grid-area:1/1;width:100%;z-index:4;pointer-events:none}
  .pf .pf-stk{display:block;left:-14px;top:-76px;bottom:auto;z-index:4}
  .pf .pf-stk .xp-sticker{width:110px}
  .pf .pf-stk .xp-doc-img{width:110px}
  .pf .pf-recipe-arrow{display:block;position:absolute;left:102px;top:-74px;width:118px;height:auto;overflow:visible;pointer-events:none}
  .pf>.pf-misso{grid-area:1/1;width:100%;margin-top:0;opacity:1;transform:none}
  .pf .pf-q i{display:none}

  .s-catalog .s-product>span:nth-of-type(2){font-size:clamp(11px,3.1vw,13px);line-height:1.3}
  .s-catalog .s-product .s-price-sm{font-size:clamp(10px,2.8vw,12px)}

  .s-footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 12px}
  .s-footer-bottom>span{grid-column:1;grid-row:1;white-space:nowrap}
  .s-footer-bottom>.f-top{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}
  .s-footer-bottom>.retro-banners{grid-column:1/-1;grid-row:2}
}