/* Moldaai — Ideias em 3D · style.css */
:root {
  --navy:#0b1927; --navy-800:#132536; --navy-700:#1b3247; --navy-600:#24405a; --navy-300:#6b85a3;
  --laranja:#eb7021; --laranja-escuro:#d4621a; --laranja-claro:#f5a26b; --laranja-tint:#fde9db; --laranja-texto:#b4511a;
  --off:#f7f7f7; --branco:#fff; --cinza-100:#e9edf1; --cinza-200:#d5dce3; --cinza:#777a7c; --cinza-700:#5f6264; --cinza-300:#a9adb1;
  --texto-navy:rgba(247,247,247,.88);
  --f-areia:#e6d9c3; --f-salvia:#9fb39b; --f-terracota:#b5654a; --f-rosa:#d8a7a1; --f-branco:#f7f4ee;
  --sombra-1:0 1px 2px rgba(11,25,39,.06),0 8px 24px rgba(11,25,39,.08);
  --sombra-2:0 18px 44px rgba(11,25,39,.18);
  --sombra-navy:0 12px 32px rgba(0,0,0,.35);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ft:Outfit,"Segoe UI",system-ui,sans-serif;
  --fc:Manrope,system-ui,sans-serif;
  --fm:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --nav-h:64px; --progresso:0%; --pad:clamp(16px,4vw,48px);
  --grade-mesa:linear-gradient(rgba(11,25,39,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(11,25,39,.06) 1px,transparent 1px) 0 0/24px 24px;
  --grade-iso:repeating-linear-gradient(30deg,rgba(247,247,247,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(150deg,rgba(247,247,247,.06) 0 1px,transparent 1px 48px);
  --bico-laranja:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 36'%3E%3Cg transform='translate(-625.9 -19)' fill='%23eb7021'%3E%3Cpath d='M638.8 19H657.9C660.6 19 661.3 20.9 659.9 24.5L652.4 36.7C650.6 39.9 648.8 39.9 647 36.7L638.1 24.5C636.3 20.9 636.5 19 638.8 19Z'/%3E%3Cpath d='M632 42.2H658.5C661.9 42.2 664.7 44.9 664.7 48.3 664.7 51.7 661.9 54.4 658.5 54.4H632C628.6 54.4 625.9 51.7 625.9 48.3 625.9 44.9 628.6 42.2 632 42.2Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ===== BASE ===== */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;background:var(--off)}
body{margin:0;overflow-x:clip;background:var(--off);color:var(--navy);font:400 1.0625rem/1.6 var(--fc);-webkit-font-smoothing:antialiased}
@media (max-width:767px){body{font-size:1rem}}
img,svg{display:block;max-width:100%}img{height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0}ul,ol{padding:0;list-style:none}
a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px}
[hidden]{display:none!important}
.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}
.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--navy);color:var(--off);padding:12px 16px;border-radius:8px;font-weight:700;transform:translateY(-200%)}.skip:focus{transform:none}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.container{max-width:1360px;margin-inline:auto;padding-inline:var(--pad)}
.secao{padding-block:clamp(56px,7vw,96px);position:relative}
.secao+.secao:not(.atelie){padding-top:clamp(40px,5vw,64px)}
section,footer{scroll-margin-top:calc(var(--nav-h) + 8px)}
.navy-bg{background:var(--navy);color:var(--off)}

/* ===== TIPOGRAFIA ===== */
.d1{font:800 clamp(3.25rem,9vw,8rem)/.9 var(--ft);letter-spacing:-.03em}
.d2{font:800 clamp(2.25rem,5vw,4.25rem)/.98 var(--ft);letter-spacing:-.02em;text-wrap:balance}
h3{font:600 clamp(1.375rem,2vw,1.75rem)/1.1 var(--ft)}
.mono{font:500 .8125rem/1.5 var(--fm);text-transform:uppercase;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.kicker{display:flex;align-items:center;gap:10px;font:500 .75rem/1.5 var(--fm);text-transform:uppercase;letter-spacing:.12em;color:var(--cinza-700);margin-bottom:16px}
.kicker svg{width:10px;height:10px;flex:none;color:var(--navy)}
.kicker-navy{color:var(--cinza-300)}.kicker-navy svg{color:var(--off)}
.ponto{color:var(--laranja)}
.sub{font-size:1.125rem;max-width:56ch;color:var(--cinza-700);margin-top:16px}
.cab{margin-bottom:48px}
.cta-texto{display:inline-block;font:600 1rem var(--ft);text-decoration:none;color:var(--laranja)}

/* ===== BOTÕES ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font:600 1rem var(--ft);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .25s var(--ease),background-color .25s,box-shadow .25s,border-color .25s,color .25s}
.btn .ico{width:20px;height:20px;flex:none}
.btn-primario{background:var(--laranja);color:var(--navy)}
.btn-primario:hover{background:var(--laranja-escuro);transform:translateY(-2px);box-shadow:var(--sombra-2)}
.btn-primario:active{transform:none}
.btn-navy{background:var(--navy);color:var(--off)}
.btn-navy:hover{background:var(--navy-800);transform:translateY(-2px);box-shadow:var(--sombra-2)}
.btn-ghost{border-color:rgba(11,25,39,.45);color:var(--navy)}
.btn-ghost:hover{border-color:var(--laranja)}
.btn-ghost-navy,.hero .btn-ghost{border-color:rgba(247,247,247,.35);color:var(--off)}
.btn-hero{height:56px}
.btn-desabilitado{opacity:.55}
.btn-icone{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:var(--navy);transition:background-color .15s,color .15s}
.btn-icone svg{width:22px;height:22px}
.btn-icone:hover{background:var(--laranja);color:var(--navy)}
.link{font-weight:700;font-size:.9375rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--laranja);padding:10px 0;margin:-2px 0;color:inherit}
.link:hover{color:var(--laranja-texto)}

/* ===== PROGRESSO + TOPO ===== */
.progresso{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60;pointer-events:none}
.progresso-barra{position:absolute;left:0;top:0;height:100%;width:var(--progresso);background:var(--laranja)}
.progresso-bico{position:absolute;top:0;left:clamp(7px,var(--progresso),calc(100% - 7px));width:14px;height:13px;transform:translateX(-50%);color:var(--navy)}
html:not(.js) .progresso{display:none}
.topo{position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(247,247,247,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,25,39,.08)}
.topo-inner{height:100%;display:flex;align-items:center;gap:24px}
.logo{display:block}.logo img{height:28px;width:auto}
@media (min-width:1024px){.logo img{height:32px}}
.nav-links{display:none;gap:32px;margin-inline:auto}
@media (min-width:1024px){.nav-links{display:flex}}
.nav-links a{position:relative;font-weight:700;font-size:.9375rem;text-decoration:none;padding:8px 0}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--laranja);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}
.nav-links a:hover::after,.nav-links a.ativo::after{transform:scaleX(1)}
.topo-dir{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-pagina{display:none;color:var(--cinza-700);font-size:.6875rem;margin-right:8px}
.nav-pagina b{font-weight:500;color:var(--navy)}
@media (min-width:1280px){.nav-pagina{display:inline}}
html:not(.js) .nav-pagina,html:not(.js) .btn-sacola,html:not(.js) .btn-menu{display:none}
.btn-orc{display:none;height:44px;padding:0 18px}
@media (min-width:1024px){.btn-orc{display:inline-flex}}
.btn-sacola{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:var(--navy);transition:background-color .15s,color .15s}
.btn-sacola svg{width:26px;height:24px;overflow:visible}
.btn-sacola use{fill:none;stroke:currentColor;stroke-width:6;stroke-linejoin:round;transition:fill .15s}
.btn-sacola[data-n="1"] .cv3,.btn-sacola[data-n="2"] .cv3,.btn-sacola[data-n="2"] .cv2,.btn-sacola[data-n="3"] .cv3,.btn-sacola[data-n="3"] .cv2{fill:currentColor}
.btn-sacola[data-n="3"] .cv1{fill:var(--laranja);stroke:var(--laranja)}
.btn-sacola:hover{background:var(--navy);color:var(--off)}
.badge-n{position:absolute;top:1px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--laranja);color:var(--navy);font:700 .6875rem/18px var(--fm);text-align:center}
.btn-menu{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:var(--navy)}
@media (min-width:1024px){.btn-menu{display:none}}
.btn-menu svg{width:24px;height:22px;grid-area:1/1;transition:opacity .2s}
.btn-menu .ico-chevrons{--c1:currentColor}.btn-menu .ico-x{opacity:0}
.btn-menu[aria-expanded="true"] .ico-chevrons{opacity:0}.btn-menu[aria-expanded="true"] .ico-x{opacity:1}

/* ===== CARRETÉIS ===== */
.cores{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.carretel{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid rgba(11,25,39,.18);background:radial-gradient(circle,var(--off) 0 4px,var(--cor) 4.5px);flex:none;transition:box-shadow .15s}
.carretel::before{content:'';position:absolute;inset:-10px}
.carretel[aria-pressed="true"],.carretel-check input:checked+.carretel{box-shadow:0 0 0 2px var(--off),0 0 0 4px var(--laranja)}
.cor-nome{margin-left:4px;font-size:.6875rem;color:var(--cinza-700)}
.cor-nome b{font-weight:500;color:var(--navy)}
.navy-bg .carretel,.hero .carretel,.gaveta .carretel{background:radial-gradient(circle,var(--navy) 0 4px,var(--cor) 4.5px);border-color:rgba(247,247,247,.25)}
.hero .carretel[aria-pressed="true"],.gaveta .carretel[aria-pressed="true"]{box-shadow:0 0 0 2px var(--navy),0 0 0 4px var(--laranja)}
.hero .cor-nome,.gaveta .cor-nome{color:var(--cinza-300)}.hero .cor-nome b,.gaveta .cor-nome b{color:var(--off)}

/* ===== CARDS / BADGES / CHIPS ===== */
.card{background:var(--branco);border:1px solid var(--cinza-200);border-radius:12px;box-shadow:var(--sombra-1)}
.badge{position:absolute;top:12px;left:12px;height:24px;padding:0 10px;border-radius:999px;font:500 .6875rem/24px var(--fm);text-transform:uppercase;letter-spacing:.1em;z-index:2}
.badge-laranja{background:var(--laranja);color:var(--navy)}.badge-navy{background:var(--navy);color:var(--off)}
.chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid currentColor;border-radius:999px;font-size:.6875rem}
.chip-preco{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--laranja-tint);color:var(--navy);font:500 .625rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase}
.chip-preco svg{width:10px;height:10px;color:var(--navy)}

/* ===== DEGRAUS ===== */
.degraus{position:absolute;top:-12px;left:0;width:100%;height:12px;display:block;z-index:1;pointer-events:none}
.status .degraus,.faq .degraus{color:var(--off)}.atelie .degraus,.rodape .degraus{color:var(--navy)}

/* ===== HERO ===== */
.hero{position:relative;background:var(--navy);color:var(--off);overflow-x:clip;padding-block:clamp(24px,4vw,56px);min-height:min(calc(100vh - var(--nav-h)),960px);min-height:min(calc(100svh - var(--nav-h)),960px);display:flex;align-items:center}
.hero::before{content:'';position:absolute;inset:0;background:var(--grade-iso);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;width:100%}
.hero-texto,.hero-mesa-wrap{grid-column:1/-1}
@media (min-width:1024px){.hero-texto{grid-column:1/7}.hero-mesa-wrap{grid-column:7/-1}}
.hero .d1{color:var(--off)}
.hero .linha{display:block;position:relative}
.tresd{background:repeating-linear-gradient(to top,#f7f7f7 0 4px,transparent 4px 5px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.tresd{background:none;color:#f7f7f7;-webkit-text-fill-color:#f7f7f7}}
.bico-ponto{display:inline-block;height:.5em;width:auto;vertical-align:baseline;margin-left:.08em;color:var(--off);overflow:visible}
.bico-ponto .bico-tri{fill:currentColor}
.bico-ponto .bico-barra{fill:var(--laranja);transform-box:fill-box;transform-origin:left center}
.hero-sub{font-size:1.25rem;font-weight:500;color:var(--cinza-300);max-width:44ch;margin-top:24px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.role{display:none;align-items:center;gap:12px;margin-top:56px;color:var(--cinza-300);font-size:.6875rem}
@media (min-width:1024px){.role{display:flex}}
.role-chevrons{width:22px;height:20px;color:var(--off)}
.role .cv1{fill:var(--laranja)}.role .cv2,.role .cv3{fill:currentColor}
.hero-mesa-wrap{position:relative}
.hero-mesa-wrap::before{content:'';position:absolute;left:50%;top:28%;width:72%;aspect-ratio:1;transform:translate(-50%,-40%);background:radial-gradient(closest-side,rgba(235,112,33,.16),transparent);pointer-events:none}
.mesa{position:relative;aspect-ratio:1;width:100%;max-width:560px;margin-left:auto;border-radius:16px;border:1px solid var(--navy-700);background:linear-gradient(rgba(247,247,247,.08) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(247,247,247,.08) 1px,transparent 1px) 0 0/24px 24px,rgba(19,37,54,.6);overflow:hidden;isolation:isolate}
@media (max-width:1023px){.mesa{aspect-ratio:auto;height:min(46vh,calc(100vw - 32px));height:min(46svh,calc(100vw - 32px));max-width:none;margin-left:0}}
.mesa-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}
.mesa-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;pointer-events:none;touch-action:pan-y;cursor:grab;transition:opacity .4s}
.mesa-canvas:active{cursor:grabbing}
html.tem-3d .mesa-canvas{opacity:1;pointer-events:auto}html.tem-3d .mesa-foto{opacity:0}
.canto{position:absolute;width:18px;height:18px;border:1px solid var(--laranja);z-index:2;pointer-events:none}
.c1{top:12px;left:12px;border-right:0;border-bottom:0}.c2{top:12px;right:12px;border-left:0;border-bottom:0}
.c3{bottom:12px;left:12px;border-right:0;border-top:0}.c4{bottom:12px;right:12px;border-left:0;border-top:0}
.hud{position:absolute;inset:0;z-index:2;pointer-events:none;font:500 .75rem/1.4 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--off);font-variant-numeric:tabular-nums}
.hud p{position:absolute;margin:0;text-shadow:0 1px 2px rgba(11,25,39,.8)}
.hud-camada{top:22px;left:22px}.hud-camada b{color:var(--laranja);font-weight:500}
.hud-dica{top:22px;right:22px;display:none;color:var(--cinza-300)}
html.tem-3d .hud-dica{display:block}html.tem-3d .hud-dica.some{display:none}
.hud-dados{bottom:22px;left:22px;color:var(--cinza-300);font-size:.625rem}
/* fallback (foto): só "CAMADA 1000 / 1000 · PRONTO ✓", com véu para ler sobre a foto clara */
html:not(.tem-3d) .hud-dados{display:none}
html:not(.tem-3d) .hud p{background:rgba(11,25,39,.55);padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:none}
.mesa-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--laranja);transform-origin:left;transform:scaleX(1)}
.hud-reimprimir{position:absolute;right:16px;bottom:16px;z-index:3;height:36px;padding:0 12px;border:1px solid var(--navy-700);border-radius:8px;color:var(--off);font-size:.6875rem;display:none;background:rgba(11,25,39,.5)}
.hud-reimprimir::before{content:'';position:absolute;inset:-4px}
html.tem-3d .hud-reimprimir{display:block}
.hud-reimprimir:disabled{opacity:.45;cursor:default}.hud-reimprimir:not(:disabled):hover{border-color:var(--laranja)}
@media (max-width:1023px){.hud{font-size:.625rem}.hud-camada{top:14px;left:14px}.hud-dica{top:32px;left:14px;right:auto}.hud-dados{bottom:14px;left:14px}.hud-extra{display:none}.hud-reimprimir{right:10px;bottom:10px;height:32px}}
.etiqueta{max-width:560px;margin-left:auto;margin-top:16px;display:grid;gap:12px}
.etiqueta-linha{color:var(--cinza-300);font-size:.6875rem}
.etiqueta-topo{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.etiqueta-nome{font:600 1.375rem/1.1 var(--ft)}.etiqueta-preco{font:600 1.5rem/1 var(--ft);font-variant-numeric:tabular-nums}
.etiqueta-acoes{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.link-loja{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--cinza-300);font-size:.9375rem;font-weight:500;text-underline-offset:4px}
.link-loja:hover{color:var(--off)}
@media (max-width:1023px){.etiqueta{max-width:none}.etiqueta .btn-add{width:100%}.hero-sub{font-size:1.0625rem;margin-top:16px}.hero-ctas{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.hero-ctas .btn{padding:0 12px;font-size:.9375rem}}
@media (max-width:479px){.hero-ctas{grid-template-columns:1fr}}

/* ===== STATUS ===== */
.status{position:relative;background:var(--off);padding-top:16px;overflow-x:clip}
.readouts{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 16px;padding-block:40px}
@media (max-width:1023px){.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.status .readouts li:first-child{grid-column:span 2}.readouts-navy{grid-auto-flow:dense}.readouts-navy li:nth-child(4){grid-column:span 2}}
.readouts li{display:flex;flex-direction:column;gap:6px;position:relative}
.readouts .mono{font-size:.6875rem;color:var(--cinza-700);order:-1}
.readouts strong{font:600 2.5rem/1 var(--ft);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.marquee{overflow:hidden;border-top:1px solid var(--cinza-200);border-bottom:1px solid var(--cinza-200);padding-block:18px}
.marquee-trilho{display:flex;width:max-content}
.marquee-lista{display:flex;align-items:center}
.marquee-lista li{font:600 1.625rem/1.2 var(--ft);white-space:nowrap;display:flex;align-items:center;padding-right:28px}
.marquee-lista li::after{content:'';width:14px;height:13px;margin-left:28px;background:var(--bico-laranja) center/contain no-repeat}

/* ===== CAMINHOS ===== */
.capas{display:grid;gap:24px}
@media (min-width:768px){.capas{grid-template-columns:1fr 1fr}}
.capa{position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--off);background:var(--navy);border:0}
.capa-foto{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy-800)}
.capa-foto img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
.numeral{position:absolute;top:0;left:16px;font:800 clamp(80px,10vw,160px)/1 var(--ft);color:rgba(247,247,247,.9);letter-spacing:-.04em;text-shadow:0 2px 24px rgba(11,25,39,.25)}
.capa-rodape{position:relative;padding:24px;background:var(--navy)}
.capa-rodape::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:72px;background:linear-gradient(to top,var(--navy),transparent);pointer-events:none}
.capa-rodape h3{font-size:1.75rem}.capa-rodape p{color:var(--texto-navy);font-size:1rem;margin-top:8px;max-width:40ch}
.capa-rodape .chip{margin-top:16px}.capa-rodape .cta-texto{display:block;margin-top:16px}
@media (min-width:768px){.capa{aspect-ratio:4/5;display:block}.capa-foto{position:absolute;inset:0;aspect-ratio:auto}.capa-rodape{position:absolute;left:0;right:0;bottom:0}}
.varredura,.mesa-varredura{position:absolute;inset:0;border-top:2px solid var(--laranja);box-shadow:0 -1px 14px rgba(235,112,33,.85);opacity:0;transform:translateY(100%);pointer-events:none;z-index:3}

/* ===== ESTOQUE ===== */
.estoque-container{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.estoque-container>*{min-width:0}
.estoque-grade{display:block;min-width:0}
@media (min-width:1024px){.estoque-container{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px}.estoque-grade{display:contents}.estoque-cab-dir{align-self:end}.filtros-wrap,.grid-produtos,.vazio,.tokens,.rota,#filtro-live{grid-column:1/-1}}
@media (min-width:1280px){.estoque-cab-esq{grid-row:1/3}.estoque-cab-dir{align-self:auto}.filtros-wrap{grid-column:2}}
.estoque-cab-dir .sub{margin-top:0}
@media (min-width:1024px){.estoque-cab-dir .sub{margin-top:8px}}
.filtros{display:flex;gap:6px;flex-wrap:wrap}
.filtro{position:relative;height:40px;padding:0 14px;border-radius:999px;background:var(--cinza-100);font:700 .8125rem var(--fc);color:var(--navy);white-space:nowrap;transition:background-color .15s}
.filtro::before{content:'';position:absolute;inset:-2px 0}
.filtro .num{font-size:.6875rem;letter-spacing:.08em;color:var(--cinza-700)}
.filtro:hover{background:var(--cinza-200)}
.filtro[aria-selected="true"]{background:var(--laranja)}.filtro[aria-selected="true"] .num{color:var(--navy)}
.filtro[aria-selected="true"]::after{content:'';position:absolute;left:50%;top:100%;border:5px solid transparent;border-top:8px solid var(--laranja);border-bottom:0;transform:translateX(-50%)}
@media (max-width:1023px){.filtros-wrap{position:sticky;top:var(--nav-h);z-index:10;background:var(--off);margin-inline:calc(-1 * var(--pad));padding:8px var(--pad)}.filtros{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.filtros::-webkit-scrollbar{display:none}.filtro{scroll-snap-align:start;flex:none}}
.grid-produtos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 0;background:var(--grade-mesa);grid-auto-flow:row}
@media (min-width:480px){.grid-produtos{gap:16px}}
@media (min-width:1024px){.grid-produtos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media (min-width:1280px){.grid-produtos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.produto{position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.produto.destaque{grid-column:span 2}.grid-produtos.filtrado .destaque{grid-column:auto}
@media (max-width:1023px){.produto.destaque{order:-1}}
.produto-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cinza-100);flex:none}
.destaque .produto-foto{aspect-ratio:auto;flex:1;min-height:200px}.grid-produtos.filtrado .destaque .produto-foto{aspect-ratio:4/5;flex:none}
.produto-foto img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
.preco-flutuante{position:absolute;right:12px;bottom:12px;background:rgba(247,247,247,.92);color:var(--navy);padding:8px 12px;border-radius:8px;font:600 1.125rem/1 var(--ft);backdrop-filter:blur(6px);z-index:2}
.produto-corpo{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.cat{font-size:.6875rem;color:var(--cinza-700)}
.produto h3{font-size:1.25rem}
.desc{font-size:.9375rem;color:var(--cinza-700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.medida{font-size:.6875rem;color:var(--cinza-700)}
.produto-rodape{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;gap:8px}
.preco{font:600 1.25rem/1 var(--ft);font-variant-numeric:tabular-nums}.preco .mono{font-size:.75rem;margin-right:2px}
.btn-mais{width:44px;height:44px;border-radius:8px;background:var(--navy);color:var(--off);font:600 1.5rem/1 var(--ft);display:grid;place-items:center;flex:none;transition:background-color .15s,color .15s,transform .15s}
.btn-mais:hover,.btn-mais:focus-visible,.btn-mais.ok{background:var(--laranja);color:var(--navy)}
html:not(.js) .produto .btn-mais{display:none}
.link-ns{font-size:.875rem;font-weight:700}
@media (max-width:479px){.produto-corpo{padding:12px;gap:6px}.produto h3{font-size:1.0625rem}.desc{font-size:.8125rem;-webkit-line-clamp:3}.preco{font-size:1.0625rem}.produto .cores{row-gap:4px}.produto .cor-nome{flex-basis:100%;margin-left:0}}
.vazio{padding:48px 0;text-align:center;font-weight:500}
.tokens{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--cinza-200)}
@media (min-width:768px){.tokens{grid-template-columns:repeat(4,1fr)}}
.tokens li{display:flex;align-items:center;gap:12px;font-weight:500;font-size:.9375rem}
.tokens svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rota{margin-top:32px;font-weight:700;font-size:1.125rem}
@media (max-width:479px){.rota{font-size:1rem}}
.rota a{text-decoration:none;border-bottom:2px solid var(--laranja);padding-bottom:2px}.rota a:hover{color:var(--laranja-texto)}

/* ===== VIDA REAL ===== */
.compravel{position:relative;aspect-ratio:1400/782;border-radius:12px;overflow:hidden;background:var(--cinza-100)}
.compravel>img{width:100%;height:100%;object-fit:cover}
.hotspot{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:2}
.hotspot::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--laranja);box-shadow:0 0 0 2px var(--off);z-index:1}
.hotspot::after{content:'';position:absolute;inset:4px;border-radius:50%;background:rgba(235,112,33,.35)}
.hotspot[aria-expanded="true"]::before{background:var(--navy);box-shadow:0 0 0 2px var(--laranja)}
@media (max-width:599px){.hotspot{display:none}}
.hotspot-card{position:absolute;z-index:4;width:280px;max-width:calc(100% - 24px);background:var(--branco);color:var(--navy);border-radius:12px;box-shadow:var(--sombra-2);padding:12px;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center}
.hotspot-card img{width:56px;height:70px;object-fit:cover;border-radius:8px}
.hotspot-card h3{font-size:1rem}.hotspot-card .preco{font-size:1rem;margin-top:2px}
.hotspot-card .cores{margin-top:6px}.hotspot-card .btn{height:40px;padding:0 14px;font-size:.875rem;margin-top:8px}
.hotspot-card .fechar-hs{position:absolute;top:4px;right:4px;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--cinza-700)}.hotspot-card .fechar-hs svg{width:16px;height:16px}
.chips-compra{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.chip-compra{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 6px 0 16px;border:1px solid var(--cinza-200);border-radius:999px;background:var(--branco);font-weight:700;font-size:.9375rem;transition:border-color .15s}
.chip-compra .mono{font-size:.6875rem;color:var(--cinza-700)}
.chip-compra b{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--off);display:grid;place-items:center;font:600 1.125rem/1 var(--ft);transition:background-color .15s,color .15s}
.chip-compra:hover{border-color:var(--laranja)}.chip-compra:hover b,.chip-compra.ok b{background:var(--laranja);color:var(--navy)}
.legenda{margin-top:16px;font-size:.9375rem;color:var(--cinza-700)}
.galeria-wrap{position:relative;margin-top:48px}
.galeria{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.galeria::-webkit-scrollbar{display:none}
.galeria-item{flex:0 0 78vw;max-width:320px;scroll-snap-align:start}
@media (min-width:768px){.galeria-item{flex-basis:320px}}
.galeria figure{position:relative;width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--navy-800)}
.galeria img{width:100%;height:100%;object-fit:cover}
.rotulo{position:absolute;top:12px;left:12px;font-size:.625rem;color:var(--off);background:rgba(11,25,39,.62);padding:5px 8px;border-radius:6px;backdrop-filter:blur(4px);z-index:2}
.galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 16px;color:var(--off);font-size:.9375rem;font-weight:500;background:linear-gradient(to top,rgba(11,25,39,.9),transparent)}
.seta{display:none;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--off);z-index:2;font:600 1.25rem var(--ft);box-shadow:var(--sombra-2);transition:background-color .15s,color .15s}
.seta-esq{left:-22px}.seta-dir{right:-22px}
@media (min-width:1024px){.seta{display:grid;place-items:center}}
.seta:hover{background:var(--laranja);color:var(--navy)}
.regua{height:14px;margin-top:8px;background:repeating-linear-gradient(90deg,var(--laranja) 0 1px,transparent 1px 80px) left bottom/100% 14px repeat-x,repeating-linear-gradient(90deg,var(--cinza-200) 0 1px,transparent 1px 8px) left bottom/100% 7px repeat-x}

/* ===== PERSONALIZADOS ===== */
.perso-abertura{display:grid;gap:32px;align-items:center;margin-bottom:64px}
@media (min-width:1024px){.perso-abertura{grid-template-columns:1fr 1fr;gap:64px}}
.perso-foto{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--navy-800)}
@media (max-width:1023px){.perso-foto{aspect-ratio:4/3}}
.perso-foto img{width:100%;height:100%;object-fit:cover}
.perso-foto .rotulo{top:auto;bottom:16px;left:16px}
.chips-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chips-info .chip{color:var(--cinza-700);border-color:var(--cinza-200)}
.demo{position:relative;background:var(--grade-mesa),var(--cinza-100);border-radius:16px;padding:clamp(24px,4vw,48px);display:grid;gap:32px;margin-bottom:64px;overflow:hidden}
@media (min-width:1024px){.demo{grid-template-columns:5fr 7fr;align-items:center;gap:48px}}
.demo-rotulo{font-size:.6875rem;color:var(--cinza-700)}
.demo-input{width:100%;height:56px;margin-top:12px;padding:0 16px;border:1px solid var(--cinza-200);border-radius:8px;background:var(--branco);font:800 1.5rem var(--ft);text-transform:uppercase;letter-spacing:.04em}
.demo-input:focus{border-color:var(--laranja);outline-offset:0}
.demo-input::placeholder{color:var(--cinza)}
.demo-cores{margin-top:16px}.demo-controles .btn{margin-top:24px}
.demo-nota{margin-top:16px;font-size:.625rem;color:var(--cinza-700)}
.demo-palco{min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px 0 16px}
.demo-nome{font:800 clamp(3rem,12vw,7rem)/1 var(--ft);color:var(--face);-webkit-text-stroke:1px rgba(11,25,39,.35);letter-spacing:.02em;text-shadow:1px 1px 0 #1b3247,2px 2px 0 #1b3247,3px 3px 0 #16304a,4px 4px 0 #132536,5px 5px 0 #132536,6px 6px 0 #0b1927,10px 10px 18px rgba(11,25,39,.25);word-break:break-all;text-align:center;padding:12px 16px}
.demo-nome span{display:inline-block}
.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-auto-flow:dense}
@media (min-width:1024px){.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media (min-width:1280px){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile{position:relative;border-radius:12px;overflow:hidden;background:var(--navy);color:var(--off);aspect-ratio:4/5;transition:transform .25s var(--ease),box-shadow .25s}
.tile-grande{grid-column:span 2;grid-row:span 2;aspect-ratio:1}
.tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
.tile-rodape{position:absolute;left:0;right:0;bottom:0;padding:64px 20px 20px;background:linear-gradient(to top,rgba(11,25,39,.94) 0%,rgba(11,25,39,.72) 55%,transparent 100%)}
.tile h3{font-size:1.375rem;margin-top:10px;text-wrap:balance}.tile .cta-texto{margin:-4px 0 -12px;padding:12px 0}
.tile-wa{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;background:rgba(247,247,247,.92);color:var(--navy);display:grid;place-items:center;z-index:2;transition:background-color .15s}
.tile-wa svg{width:20px;height:20px}.tile-wa:hover{background:var(--laranja)}
.tile-param{position:absolute;top:16px;left:16px;font-size:.625rem;color:var(--off);background:rgba(11,25,39,.7);padding:4px 8px;border-radius:6px;opacity:0;z-index:2}
.tile-ideia{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:var(--navy);grid-column:span 2;aspect-ratio:auto;min-height:280px;border:1px solid var(--navy-700);--cubo:120px}
@media (min-width:1024px){.tile-ideia{grid-column:auto;aspect-ratio:4/5;min-height:0;padding:20px;--cubo:84px}}
@media (min-width:1280px){.tile-ideia{grid-column:4;grid-row:3/span 2;aspect-ratio:auto;padding:24px;--cubo:120px}}
.tile-ideia p{color:var(--texto-navy);margin-top:8px}.tile-ideia .cta-texto{margin-top:16px}
.cubo-wrap{position:relative;width:var(--cubo);height:var(--cubo);margin:auto;perspective:700px;flex:none}
@media (max-width:1023px){.cubo-wrap{margin:24px auto 56px}}
.cubo{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg)}
.face{position:absolute;inset:0;border:1.5px solid var(--laranja);background:rgba(235,112,33,.04)}
.face{--z:calc(var(--cubo) / 2)}.f1{transform:translateZ(var(--z))}.f2{transform:rotateY(180deg) translateZ(var(--z))}.f3{transform:rotateY(90deg) translateZ(var(--z))}.f4{transform:rotateY(-90deg) translateZ(var(--z))}.f5{transform:rotateX(90deg) translateZ(var(--z))}.f6{transform:rotateX(-90deg) translateZ(var(--z))}
.cota{position:absolute;font-size:.625rem;color:var(--cinza-300);white-space:nowrap}
.c-a{bottom:-36px;left:50%;transform:translateX(-50%)}.c-b{top:50%;right:-60px;transform:translateY(-50%) rotate(90deg)}.c-c{top:-36px;left:50%;transform:translateX(-50%)}
.chip-preco{white-space:nowrap}
@media (max-width:479px){.tile-rodape{padding:48px 12px 12px}.tile h3{font-size:1.0625rem}.chip-preco{font-size:.5625rem;padding:0 7px;letter-spacing:.04em;gap:4px}.tile .cta-texto{font-size:.875rem}.tile-wa{top:6px;right:6px}.tile-wa svg{width:18px;height:18px}}

/* ===== SÉRIE DE FOTOS (2 a 4 fotos na mesma moldura; a próxima "se imprime" de baixo para cima) ===== */
.serie{position:relative;margin:0;overflow:hidden}
.tile .serie{position:absolute;inset:0}
.tile .serie~.tile-rodape{z-index:1}
.serie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;visibility:hidden;transition:transform .25s var(--ease)}
.serie img.ativa,.serie img.entra{visibility:visible}
.serie img.entra{z-index:1;clip-path:inset(100% 0 0 0);will-change:clip-path}
.serie img.entra.ok{clip-path:inset(0 0 0 0);transition:clip-path .5s var(--ease),transform .25s var(--ease)}
.serie-linha{position:absolute;inset:0;border-top:2px solid var(--laranja);box-shadow:0 -1px 14px rgba(235,112,33,.85);opacity:0;transform:translateY(100%);pointer-events:none;z-index:2}
.serie.troca .serie-linha{animation:varre .5s var(--ease) both}
.serie figcaption,.serie .rotulo{z-index:2}
.serie-btn{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:2px;height:44px;min-width:44px;padding:0 6px 0 12px;border-radius:999px;background:rgba(247,247,247,.92);color:var(--navy);font:500 .6875rem/1 var(--fm);letter-spacing:.08em;font-variant-numeric:tabular-nums;transition:background-color .15s}
.serie-btn svg{width:18px;height:18px}
.serie-btn:hover{background:var(--laranja)}
.galeria .serie-btn{top:12px;left:auto;right:12px}
.tile .serie~.tile-param{top:64px}
html:not(.js) .serie-btn{display:none}
@media (max-width:479px){.tile .serie-btn{top:6px;left:6px}}

/* ===== ATELIÊ ===== */
.atelie{position:relative;background:var(--navy);color:var(--off);overflow-x:clip}
.atelie::before{content:'';position:absolute;inset:0;background:var(--grade-iso);pointer-events:none}
.atelie .container{position:relative}
.atelie .d2{color:var(--off)}
.manifesto{font-size:1.125rem;color:var(--texto-navy);max-width:60ch;margin-top:24px}
.atelie-linha1{display:grid;gap:24px}
@media (min-width:1024px){.atelie-linha1{grid-template-columns:2fr 1fr;align-items:start}}
.atelie-foto{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--navy-700);background:var(--navy-800)}
.atelie-foto img{width:100%;height:100%;object-fit:cover}
.ficha{background:var(--navy-800);border:1px solid var(--navy-700);border-radius:12px;padding:24px;box-shadow:var(--sombra-navy)}
.ficha-titulo{color:var(--laranja);font-size:.6875rem;margin-bottom:16px}
.ficha dl{display:grid;gap:10px;font-size:.75rem;text-transform:none;letter-spacing:.04em}
.ficha dl div{display:grid;grid-template-columns:104px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--navy-700)}
.ficha dl div:last-child{border-bottom:0;padding-bottom:0}
.ficha dt{color:var(--cinza-300);text-transform:uppercase;letter-spacing:.12em}
.timeline-wrap{position:relative;margin-top:72px}
.timeline{display:grid;gap:32px 24px;position:relative}
@media (min-width:1024px){.timeline{grid-template-columns:repeat(5,1fr)}}
.passo{position:relative;padding-left:40px}
@media (min-width:1024px){.passo{padding-left:0;padding-top:36px}}
.passo .num{font-size:.6875rem;color:var(--laranja)}
.passo h3{font-size:1.375rem;margin-top:8px}.passo p{font-size:.9375rem;color:var(--cinza-300);margin-top:8px}
.marcador{position:absolute;left:0;top:3px;width:18px;height:9px;color:var(--navy-300);--c1:none;--s:currentColor;transition:color .3s}
@media (min-width:1024px){.marcador{top:0}}
.marcador.ok{color:var(--laranja);--c1:currentColor}
.trilho{position:absolute;background:var(--navy-700);z-index:0;left:8px;top:3px;bottom:0;width:2px}
.trilho-preench{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--laranja);transform-origin:top;transform:scaleY(var(--p,0))}
.trilho-bico{position:absolute;left:50%;top:calc(var(--p,0) * 100%);width:16px;height:15px;transform:translate(-50%,-50%);color:var(--off)}
@media (min-width:1024px){.trilho{left:0;right:0;top:4px;bottom:auto;width:auto;height:2px}.trilho-preench{transform-origin:left;transform:scaleX(var(--p,0))}.trilho-bico{top:50%;left:calc(var(--p,0) * 100%);transform:translate(-50%,-50%)}}
.fatie-linha{display:grid;gap:24px;margin-top:72px}
@media (min-width:1024px){.fatie-linha{grid-template-columns:1fr 1fr;align-items:stretch}.fatie-linha .atelie-foto{aspect-ratio:auto;min-height:420px}}
.fatie{background:var(--navy-800);border:1px solid var(--navy-700);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;align-items:center}
.fatie-titulo{color:var(--laranja);font-size:.6875rem;align-self:flex-start}
.fatie-moldura{position:relative;height:min(340px,64vw);width:auto;aspect-ratio:4/5;border:1px solid var(--navy-700);border-radius:8px;overflow:hidden;background:linear-gradient(rgba(247,247,247,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(247,247,247,.07) 1px,transparent 1px) 0 0/24px 24px,var(--navy)}
.fatie-moldura img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fatie-fantasma{opacity:.18}
.fatie-solida{clip-path:inset(calc((1 - var(--h)) * 100%) 0 0 0)}
.fatie-corte{position:absolute;left:0;right:0;top:calc((1 - var(--h)) * 100%);height:2px;background:var(--laranja);box-shadow:0 0 12px rgba(235,112,33,.8)}
.fatie-controle{font-weight:700;font-size:.875rem;align-self:stretch;text-align:center}
.fatie input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0;cursor:pointer}
.fatie input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--navy-700)}
.fatie input[type=range]::-moz-range-track{height:2px;background:var(--navy-700)}
.fatie input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--laranja);border:3px solid var(--navy);margin-top:-10px}
.fatie input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--laranja);border:3px solid var(--navy)}
.fatie-out{font-size:.8125rem}.fatie-out b{color:var(--laranja);font-weight:500}
.readouts-navy{border-top:1px solid var(--navy-700);margin-top:72px;padding-bottom:0}
.readouts-navy strong{font-size:2rem}.readouts-navy .mono{color:var(--cinza-300);order:1}
@media (max-width:1023px){.readouts-navy strong{font-size:1.75rem}}

/* ===== ORÇAMENTO ===== */
.orcamento{position:relative;background:var(--navy);color:var(--navy);padding-block:clamp(48px,6vw,80px) clamp(56px,7vw,96px)}
.orc-card{background:var(--off);border-radius:16px;padding:clamp(24px,4vw,48px);display:grid;gap:40px;box-shadow:var(--sombra-navy)}
@media (min-width:1024px){.orc-card{grid-template-columns:7fr 5fr;gap:48px}}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:40px}
.campo{display:flex;flex-direction:column;gap:6px;grid-column:span 2;min-width:0}
@media (min-width:768px){.campo-curto{grid-column:span 1}}
.campo label,.campo legend{font-weight:700;font-size:.875rem}.campo small{font-weight:400;color:var(--cinza-700)}
.campo input,.campo select,.campo textarea{height:48px;padding:0 14px;background:var(--branco);border:1px solid #b9c0c8;border-radius:8px;width:100%;transition:border-color .15s}
.campo textarea{height:auto;padding:12px 14px;resize:vertical;min-height:120px;line-height:1.5}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--laranja)}
.campo.invalido input,.campo.invalido select,.campo.invalido textarea{border-color:var(--laranja)}
.erro{color:var(--laranja-texto);font-size:.875rem;font-weight:500}.erro::before{content:'▲ ';font-size:.625rem;vertical-align:2px}
.dica{font-size:.625rem;color:var(--cinza-700)}
fieldset.campo{border:0;padding:0;margin:0;min-width:0}
.cores-check{margin-top:6px;min-height:28px}
.carretel-check{position:relative;width:24px;height:24px;display:block;flex:none}
.carretel-check input{position:absolute;inset:-10px;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}
.carretel-check .carretel{position:absolute;inset:0;pointer-events:none}
.carretel-check input:focus-visible+.carretel{outline:3px solid var(--laranja);outline-offset:3px}
.chip-check{position:relative;height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--cinza-200);border-radius:999px;cursor:pointer;margin-left:4px;background:var(--branco)}
.chip-check input{position:absolute;inset:-8px;opacity:0;margin:0;cursor:pointer}
.chip-check .mono{font-size:.625rem;color:var(--cinza-700)}
.chip-check.marcado{border-color:var(--laranja);background:var(--laranja-tint)}.chip-check.marcado .mono{color:var(--navy)}
.chip-check:has(input:focus-visible){outline:3px solid var(--laranja);outline-offset:3px}
.check{display:flex;align-items:center;gap:10px;font-size:.9375rem;cursor:pointer;min-height:44px;grid-column:span 2}
.check input{width:20px;height:20px;accent-color:var(--laranja);margin:0;flex:none}
.orc-previa{display:flex;flex-direction:column;gap:16px;align-self:start}
@media (min-width:1024px){.orc-previa{position:sticky;top:calc(var(--nav-h) + 24px)}}
.orc-previa-titulo{font:600 1.125rem var(--ft)}
.balao{position:relative;background:var(--navy-800);color:var(--off);border-radius:16px;border-top-left-radius:4px;padding:14px 18px 16px;font-size:.9375rem;line-height:1.55;min-height:120px}
.balao::before{content:'';position:absolute;left:-8px;top:0;border:8px solid transparent;border-top-color:var(--navy-800);border-right-color:var(--navy-800);border-left:0;border-bottom:0}
.balao-cab{font-size:.625rem;color:var(--cinza-300);margin-bottom:8px}
.previa{white-space:pre-wrap;overflow-wrap:anywhere}.previa span{display:block}
.medidor-wrap{display:flex;align-items:center;gap:12px}
.medidor{width:28px;height:25px;color:var(--navy);--c1:none;--c2:none;--c3:none;--s:currentColor;flex:none;overflow:visible}
.medidor[data-n="1"]{--c3:currentColor}.medidor[data-n="2"]{--c3:currentColor;--c2:currentColor}
.medidor[data-n="3"]{--c3:currentColor;--c2:currentColor;--c1:var(--laranja)}
.medidor-wrap .mono{font-size:.6875rem;color:var(--cinza-700)}
.btn-enviar{width:100%}.btn-enviar[aria-disabled="true"]{cursor:not-allowed;color:var(--cinza-700);border-color:var(--cinza-200)}
.orc-previa .link{align-self:flex-start}
.micro{font-size:.625rem;color:var(--cinza-700)}
.sem-js{font-size:.9375rem}
html:not(.js) .balao,html:not(.js) .medidor-wrap,html:not(.js) .btn-enviar,html:not(.js) #copiar-orcamento,html:not(.js) .micro{display:none}
html:not(.js) [data-status]{display:none}
/* sem JS: controles que dependem de script somem; o que fica é ilustração estática */
html:not(.js) .hotspot,html:not(.js) .demo-controles,html:not(.js) .fatie-controle,html:not(.js) #fatie-range{display:none}
html:not(.js) .demo{grid-template-columns:1fr}

/* ===== FAQ ===== */
.faq{position:relative;background:var(--off)}
.faq-grid{display:grid;gap:48px}
@media (min-width:1024px){.faq-grid{grid-template-columns:4fr 8fr;gap:64px}.faq-esq{position:sticky;top:calc(var(--nav-h) + 32px);align-self:start}}
.faq-esq .btn{margin-top:24px}
.faq-item{border-top:1px solid var(--cinza-200);position:relative}
.faq-item:last-child{border-bottom:1px solid var(--cinza-200)}
.faq-item summary{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:16px;padding:22px 0;cursor:pointer;list-style:none;min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .idx{font-size:.6875rem;color:var(--cinza-700)}
.faq-q{font:600 1.25rem/1.2 var(--ft)}
.faq-marcador{width:20px;height:18px;color:var(--navy);overflow:visible;justify-self:end}
.faq-marcador .bico-tri{fill:currentColor}
.faq-marcador .bico-barra{fill:var(--laranja);transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .2s var(--ease)}
.faq-item[open] .faq-marcador .bico-barra{transform:scaleX(1)}
.faq-r{padding:0 24px 24px 64px;color:var(--cinza-700);font-size:1rem;max-width:62ch}
.faq-item[open]::before{content:'';position:absolute;left:-16px;top:16px;bottom:16px;width:7px;background:repeating-linear-gradient(90deg,var(--laranja) 0 1px,transparent 1px 3px)}
@media (max-width:767px){.faq-item summary{grid-template-columns:40px 1fr 20px;gap:10px}.faq-r{padding-left:50px}.faq-item[open]::before{left:-10px}}

/* ===== RODAPÉ ===== */
.rodape{position:relative;background:var(--navy);color:var(--off);padding-top:40px;overflow-x:clip}
.concluida{display:grid;gap:14px}
.barra-fim{display:block;height:3px;width:100%;background:var(--laranja)}
.concluida .mono{font-size:.6875rem;color:var(--cinza-300)}
.rodape-grid{display:grid;gap:40px;margin-top:48px;padding-bottom:48px;border-bottom:1px solid var(--navy-700)}
@media (min-width:768px){.rodape-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.rodape-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.rodape-marca img{max-width:280px;width:100%;height:auto}
.rodape-marca p{margin-top:16px;color:var(--cinza-300);max-width:32ch}
.col-titulo{font-size:.6875rem;color:var(--cinza-300);margin-bottom:12px}
.rodape-col li{padding:6px 0;color:var(--texto-navy)}
.rodape-col a{display:inline-block;padding:10px 0;margin:-10px 0;text-decoration:none}.rodape-col a:hover{color:var(--laranja)}
.rodape .status-txt{color:var(--cinza-300);font:500 .6875rem/1.5 var(--fm);letter-spacing:.1em;text-transform:uppercase}
.wordmark-gigante{position:relative;height:clamp(84px,9.5vw,140px);overflow:hidden;margin-top:48px;display:flex;align-items:flex-start;gap:3%}
.chevrons-rodape{width:min(13vw,150px);flex:none;color:rgba(247,247,247,.3);overflow:visible}
.chevrons-rodape use{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}
.wordmark-contorno{width:min(72vw,864px);flex:none;overflow:visible}
.wordmark-contorno path{fill:none;stroke:rgba(247,247,247,.3);stroke-width:2;stroke-linejoin:round}
.wordmark-contorno .wm-barra{fill:var(--laranja);stroke:var(--laranja)}
.copy{font-size:.6875rem;color:var(--cinza-300);padding:24px 0 28px}
.primeira-camada{display:block;height:4px;background:var(--laranja)}

/* ===== GAVETA ===== */
.overlay{position:fixed;inset:0;background:rgba(11,25,39,.6);z-index:65}
.gaveta{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(440px,100%);background:var(--navy);color:var(--off);z-index:70;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s;box-shadow:var(--sombra-navy)}
.gaveta.aberta{transform:none;visibility:visible;transition:transform .3s var(--ease)}
.gaveta-cab{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--navy-700)}
.eyebrow{font-size:.625rem;color:var(--cinza-300)}
.gaveta h2{font:600 1.5rem/1.1 var(--ft);margin-top:4px}
.gaveta-resumo{font-size:.6875rem;color:var(--cinza-300);margin-top:6px}
.gaveta .btn-icone{color:var(--off)}
.gaveta-corpo{flex:1;overflow-y:auto;padding:4px 24px;overscroll-behavior:contain}
.sacola-item{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--navy-700)}
.sacola-item img{width:64px;height:80px;object-fit:cover;border-radius:8px;background:var(--navy-800)}
.sacola-item h3{font-size:1rem}
.sacola-item .cores{margin-top:8px}
.sacola-controles{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;flex-wrap:wrap}
.stepper{display:inline-flex;align-items:center;background:var(--navy-800);border-radius:8px}
.stepper button{width:44px;height:44px;font:600 1.25rem var(--ft);color:var(--off);border-radius:8px;transition:color .15s}
.stepper button:hover{color:var(--laranja)}
.stepper output{min-width:28px;text-align:center;font:600 1rem var(--ft);font-variant-numeric:tabular-nums}
.linha-preco{font:600 1rem var(--ft);font-variant-numeric:tabular-nums;margin-left:auto}
.remover{width:44px;height:44px;display:grid;place-items:center;color:var(--cinza-300);border-radius:8px;transition:color .15s}
.remover:hover{color:var(--laranja)}.remover svg{width:20px;height:20px}
.sacola-vazia{display:none;text-align:center;padding:48px 16px}
.gaveta.vazia .sacola-vazia{display:grid;justify-items:center;gap:16px}
.gaveta.vazia .sacola-itens{display:none}
.chevrons-vazia{width:56px;height:50px;color:var(--navy-300);--c1:none;--c2:none;--c3:none;--s:currentColor;overflow:visible}
.sacola-vazia p{color:var(--texto-navy);max-width:28ch}
.gaveta-rodape{padding:16px 24px 24px;border-top:1px solid var(--navy-700);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;background:var(--navy)}
.gaveta-rodape>*{grid-column:1}
.subtotal{display:flex;justify-content:space-between;align-items:baseline}
.subtotal strong{font:600 1.75rem/1 var(--ft);font-variant-numeric:tabular-nums}
.campo-navy label{font-size:.8125rem;font-weight:700}.campo-navy small{color:var(--cinza-300)}
.campo-navy input{background:var(--navy-800);border-color:var(--navy-700);color:var(--off);height:44px}
.gaveta-links{display:flex;flex-wrap:wrap;gap:0 20px}
.gaveta .link{color:var(--off);padding:10px 0;margin:-4px 0}.gaveta .link:hover{color:var(--laranja-claro)}
.gaveta .link.discreto{color:var(--cinza-300);text-decoration-color:var(--navy-300)}
.confirma{font-size:.9375rem;color:var(--texto-navy)}
.nota{font-size:.625rem;color:var(--cinza-300)}

/* ===== MENU MOBILE ===== */
.menu-mobile{position:fixed;inset:0;z-index:80;background:var(--navy);color:var(--off);padding:calc(var(--nav-h) + 24px) var(--pad) 32px;display:flex;flex-direction:column;gap:28px;visibility:hidden;opacity:0;transition:opacity .25s,visibility 0s .25s;overflow-y:auto}
.menu-mobile.aberto{visibility:visible;opacity:1;transition:opacity .25s}
.menu-links li a{display:flex;align-items:baseline;gap:16px;font:800 2.5rem/1.1 var(--ft);text-decoration:none;padding:8px 0;letter-spacing:-.02em}
.menu-links .mono{font-size:.75rem;color:var(--laranja)}
.menu-mobile .btn{align-self:flex-start}
.menu-mobile .status-txt{color:var(--cinza-300);font-size:.6875rem}
.menu-social{display:flex;gap:24px;flex-wrap:wrap}
.menu-social a{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;min-height:44px}
.menu-social .ico{width:20px;height:20px}
body.menu-aberto .topo{z-index:85;background:var(--navy);border-bottom-color:var(--navy-700)}
body.menu-aberto .btn-menu,body.menu-aberto .btn-sacola{color:var(--off)}
body.menu-aberto .logo img{filter:brightness(0) invert(1)}

/* ===== FLUTUANTES ===== */
.flutuante{position:fixed;right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:55;display:none;align-items:center;gap:10px;height:52px;padding:0 18px 0 16px;border-radius:999px;background:var(--navy);color:var(--off);font:600 1rem var(--ft);text-decoration:none;box-shadow:var(--sombra-navy);transition:box-shadow .2s}
@media (min-width:768px){.flutuante{display:inline-flex}}
.flutuante:hover,.flutuante:focus-visible{box-shadow:0 0 0 3px var(--laranja),var(--sombra-navy)}
.flutuante .ico{width:20px;height:20px}
.ponto-status{width:8px;height:8px;border-radius:50%;background:var(--cinza-300);flex:none}
.flutuante.aberto .ponto-status{background:var(--laranja)}
.tooltip{position:absolute;right:0;bottom:calc(100% + 10px);background:var(--navy-800);color:var(--off);padding:8px 12px;border-radius:8px;font-size:.625rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;border:1px solid var(--navy-700)}
.flutuante:hover .tooltip,.flutuante:focus-visible .tooltip{opacity:1}
body.gaveta-aberta .flutuante,body.menu-aberto .flutuante{display:none}
.barra-mobile{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;gap:12px;background:rgba(247,247,247,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(11,25,39,.08);transform:translateY(110%);transition:transform .25s var(--ease)}
.barra-mobile.visivel{transform:none}
@media (min-width:768px){.barra-mobile{display:none}}
body.gaveta-aberta .barra-mobile,body.menu-aberto .barra-mobile{transform:translateY(110%)}
.barra-mobile .btn{flex:1;height:48px;padding:0 10px;font-size:.9375rem;min-width:0}
html:not(.js) .barra-mobile{display:none}
.toast{position:fixed;left:50%;bottom:24px;--tx:-50%;width:max-content;transform:translate(var(--tx),12px);z-index:90;background:var(--navy);color:var(--off);padding:14px 18px;border-radius:12px;font:500 .9375rem/1.4 var(--fc);display:flex;align-items:center;gap:16px;opacity:0;visibility:hidden;transition:transform .25s var(--ease),opacity .25s,visibility 0s .25s;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:var(--sombra-navy)}
.toast.visivel{opacity:1;visibility:visible;transform:translate(var(--tx),0);transition:transform .25s var(--ease),opacity .25s}
.toast-barra{position:absolute;left:0;top:0;height:2px;width:100%;background:var(--laranja);transform-origin:left}
.toast-acao{color:var(--laranja);font:600 .9375rem var(--ft);white-space:nowrap;padding:4px 0}
/* desktop: à direita, acima do flutuante (não cobre o botão clicado); com a gaveta aberta, centrado na área livre */
@media (min-width:768px){.toast{left:auto;right:calc(20px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));--tx:0}body.gaveta-aberta .toast{right:auto;left:calc((100vw - 440px) / 2);--tx:-50%;bottom:24px;max-width:calc(100vw - 480px)}}
@media (max-width:767px){body.barra-visivel .toast{bottom:calc(80px + env(safe-area-inset-bottom))}body.gaveta-aberta .toast{bottom:auto;top:116px}}

/* ===== MOVIMENTO ===== */
@keyframes imprime-linha{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes varre{0%{transform:translateY(100%);opacity:1}88%{opacity:1}100%{transform:translateY(0);opacity:0}}
@keyframes deposita{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes empilha{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
@keyframes empilha-loop{0%,6%{opacity:0;transform:translateY(6px)}16%,80%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes pula{35%{transform:scale(1.35)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pulsa{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes hotspot-in{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes gira{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
@keyframes pisca{50%{opacity:.25}}
@keyframes pop{50%{transform:scale(1.25)}}
@keyframes drena{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes desenha{to{stroke-dashoffset:0}}
@keyframes preenche{to{fill:var(--laranja);stroke:var(--laranja)}}
@keyframes fade{from{opacity:0}}
/* print-in (assinatura) */
:root{--cp-fechado:polygon(-48px 100%,-48px 0,-48px 100%,calc(100% + 48px) 100%,calc(100% + 48px) 0,calc(100% + 48px) 100%,calc(100% + 48px) 100%,-48px 100%);--cp-aberto:polygon(-48px -48px,-48px -48px,-48px -48px,calc(100% + 48px) -48px,calc(100% + 48px) -48px,calc(100% + 48px) -48px,calc(100% + 48px) calc(100% + 64px),-48px calc(100% + 64px))}
html.js .imprime{position:relative;clip-path:var(--cp-fechado)}
html.js .imprime::after{content:'';position:absolute;inset:0;border-top:2px solid var(--laranja);box-shadow:0 -1px 14px rgba(235,112,33,.85);transform:translateY(100%);opacity:0;pointer-events:none;z-index:6}
html.js .imprime.ok{clip-path:var(--cp-aberto);transition:clip-path .7s var(--ease) calc(var(--i,0) * 40ms),transform .25s var(--ease),box-shadow .25s}
html.js .imprime.ok::after{animation:varre .7s var(--ease) calc(var(--i,0) * 40ms) both}
html.js .grid-produtos .imprime.ok{transition-duration:.5s,.25s,.25s}
html.js .grid-produtos .imprime.ok::after{animation-duration:.5s}
html.js .produto.desimprime{clip-path:var(--cp-fechado)!important;transition:clip-path .25s var(--ease)!important}
html.js .produto.desimprime::after{animation:none}
/* hero */
.hero .linha{clip-path:inset(100% 0 0 0);animation:imprime-linha .7s var(--ease) .1s forwards}
.hero .linha:nth-child(2){animation-delay:.22s}
.hero .linha::after{content:'';position:absolute;inset:0;border-top:2px solid var(--laranja);box-shadow:0 -1px 14px rgba(235,112,33,.85);transform:translateY(100%);opacity:0;pointer-events:none;animation:varre .7s var(--ease) .1s both}
.hero .linha:nth-child(2)::after{animation-delay:.22s}
.bico-ponto .bico-barra{transform:scaleX(0);animation:deposita .6s var(--ease) 1s forwards}
.hero-sub{animation:sobe .4s var(--ease) .6s both}.hero-ctas{animation:sobe .4s var(--ease) .72s both}.role{animation:sobe .4s var(--ease) .85s both}
.role .cv3{animation:empilha-loop 2.4s var(--ease) infinite}.role .cv2{animation:empilha-loop 2.4s var(--ease) .24s infinite}.role .cv1{animation:empilha-loop 2.4s var(--ease) .48s infinite}
html:not(.tem-3d) .mesa-varredura{animation:varre 1.6s var(--ease) 1.1s both}
/* sacola */
.btn-sacola.empilha .cv3{animation:empilha .3s var(--ease)}.btn-sacola.empilha .cv2{animation:empilha .3s var(--ease) .12s both}.btn-sacola.empilha .cv1{animation:empilha .3s var(--ease) .24s both}
.badge-n.pula{animation:pula .4s var(--ease)}
/* status */
.marquee-trilho{animation:marquee 60s linear infinite}
.marquee:hover .marquee-trilho,.marquee:focus-within .marquee-trilho{animation-play-state:paused}
/* hover = camada ativa */
@media (hover:hover) and (pointer:fine){
  .capa:hover,.produto:hover,.tile:not(.tile-ideia):hover{transform:translateY(-4px);box-shadow:inset 0 3px 0 var(--laranja),var(--sombra-2)}
  .capa:hover .capa-foto img,.produto:hover .produto-foto img,.tile:hover>img{transform:scale(1.04)}
  .capa:hover .varredura{animation:varre .9s var(--ease)}
  .produto-foto::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(11,25,39,.14) 0 1px,transparent 1px 4px);opacity:0;transition:opacity .25s;z-index:1;pointer-events:none}
  .produto:hover .produto-foto::before{opacity:1}
  .produto-foto::after{content:'';position:absolute;inset:0;border-top:2px solid var(--laranja);box-shadow:0 -1px 12px rgba(235,112,33,.85);opacity:0;transform:translateY(100%);z-index:1;pointer-events:none}
  .produto:hover .produto-foto::after{animation:varre .7s var(--ease)}
  .tile:hover .tile-param{opacity:1;animation:pisca 1s steps(1) infinite}
  .galeria figure img{transition:transform .25s var(--ease)}.galeria figure:hover img{transform:scale(1.04)}
  .tile:hover .serie img{transform:scale(1.04)}
}
/* vida real */
html.js .hotspot{opacity:0}
html.js .compravel.ok .hotspot{animation:hotspot-in .4s var(--ease) .55s forwards}
html.js .compravel.ok .varredura{animation:varre .9s var(--ease)}
.hotspot::after{animation:pulsa 2.2s ease-out infinite}
/* personalizados */
.cubo{animation:gira 20s linear infinite}
.demo-nome span.nova{clip-path:inset(100% 0 0 0);animation:imprime-linha .22s var(--ease) calc(var(--i,0) * 30ms) forwards}
/* ateliê */
.marcador.ok{animation:pop .3s var(--ease);transform-origin:center;transform-box:fill-box}
/* orçamento */
.previa span.nova{clip-path:inset(100% 0 0 0);animation:imprime-linha .22s var(--ease) forwards}
/* faq */
.faq-item[open] .faq-r{animation:sobe .2s var(--ease)}
/* rodapé */
html.js .wordmark-contorno path{stroke-dasharray:var(--len,1400);stroke-dashoffset:var(--len,1400)}
.wordmark-gigante.ok .wordmark-contorno path{animation:desenha 1.6s var(--ease) forwards}
html.js .wordmark-contorno .wm-barra{fill:transparent;stroke:rgba(247,247,247,.3)}
.wordmark-gigante.ok .wm-barra{animation:desenha 1.6s var(--ease) forwards,preenche .3s 1.5s forwards}
html.js .chevrons-rodape .cv1,html.js .chevrons-rodape .cv2,html.js .chevrons-rodape .cv3{opacity:0}
.wordmark-gigante.ok .cv3{animation:empilha .4s var(--ease) .1s both}.wordmark-gigante.ok .cv2{animation:empilha .4s var(--ease) .25s both}.wordmark-gigante.ok .cv1{animation:empilha .4s var(--ease) .4s both,preenche .3s 1.5s forwards}
/* menu / toast / overlay */
.menu-mobile.aberto .menu-links li{clip-path:inset(100% 0 0 0);animation:imprime-linha .35s var(--ease) calc(var(--i,0) * 60ms) forwards}
.toast.visivel .toast-barra{animation:drena 3.5s linear forwards}
.overlay{animation:fade .3s}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .imprime,.hero .linha,.demo-nome span,.previa span,.menu-links li{clip-path:none!important}
  html.js .imprime::after,.hero .linha::after,.varredura,.mesa-varredura,.tile-param,.serie-linha{display:none!important}
  .bico-ponto .bico-barra{transform:none}
  .hero-sub,.hero-ctas,.role{opacity:1;transform:none}
  .marquee-trilho{width:auto;flex-wrap:wrap;justify-content:center;transform:none}
  .marquee-lista{flex-wrap:wrap;justify-content:center;row-gap:8px}
  .marquee-lista[aria-hidden="true"]{display:none}
  .marquee-lista li{padding-right:0}.marquee-lista li::after{margin:0 20px}
  html.js .hotspot{opacity:1}.hotspot::after{transform:none;opacity:.5}
  .cubo{transform:rotateX(-20deg) rotateY(30deg)}
  .trilho{--p:1!important}.marcador{color:var(--laranja);--c1:currentColor}
  .wordmark-contorno path{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .wordmark-contorno .wm-barra{fill:var(--laranja);stroke:var(--laranja)}
  .chevrons-rodape .cv1,.chevrons-rodape .cv2,.chevrons-rodape .cv3{opacity:1}.chevrons-rodape .cv1{fill:var(--laranja);stroke:var(--laranja)}
  .toast-barra{transform:scaleX(1)}
}

/* ===== CARD "SOB MEDIDA" (16ª célula do catálogo) ===== */
.sob-medida{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;border-radius:12px;background:var(--navy);color:var(--off);text-decoration:none;min-height:100%;--cubo:84px;transition:box-shadow .25s}
.sob-medida .cubo{animation:none!important}
.sob-medida .cubo-wrap{margin:16px auto}
.sob-medida h3{font-size:1.25rem;color:var(--off);margin:10px 0 8px;text-wrap:balance}
.sob-medida-chip{display:inline-block;font-size:.6875rem;color:var(--laranja);border:1px solid var(--laranja);border-radius:6px;padding:4px 8px}
.sob-medida-cta{font-weight:700;color:var(--laranja)}
.sob-medida:hover,.sob-medida:focus-visible{box-shadow:0 0 0 3px var(--laranja)}
.grid-produtos.filtrado .sob-medida{display:none}
@media (min-width:1024px) and (max-width:1279px){.sob-medida{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:40px}.sob-medida .cubo-wrap{margin:16px 24px}}
@media (max-width:479px){.sob-medida{padding:16px;--cubo:64px}.sob-medida h3{font-size:1.0625rem}}
.flutuante{transition:opacity .25s,transform .25s}
.flutuante.some{opacity:0;pointer-events:none;transform:translateY(12px)}