@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Anton&display=swap";.curtains.svelte-124tp3c{z-index:95;pointer-events:none;--logo-w:clamp(220px, 22vw, 240px);--hang:calc(var(--logo-w) * 809 / 1944 / 2);position:fixed;inset:0;overflow:hidden}.curtains.is-shut.svelte-124tp3c{pointer-events:auto}.curtain-veil.svelte-124tp3c{opacity:0;transition:opacity var(--ct-open) var(--ct-ease);background-image:linear-gradient(#120e0abf,#120e0abf);position:absolute;inset:0}.is-shut.svelte-124tp3c .curtain-veil:where(.svelte-124tp3c){opacity:1;transition:opacity var(--ct-close) cubic-bezier(.22, 1, .36, 1) var(--ct-delay)}.curtain.svelte-124tp3c{will-change:transform;height:50%;transition:transform var(--ct-open) var(--ct-ease);position:absolute;left:0;right:0}.curtain.top.svelte-124tp3c{z-index:1;background-color:var(--cream);background-image:linear-gradient(var(--cocoro-red), var(--cocoro-red));height:calc(50% + 1px);transform:translateY(calc(-100% - var(--hang) - 8px));top:0}.curtain.bottom.svelte-124tp3c{background:var(--ink);bottom:0;transform:translateY(100%)}.is-shut.svelte-124tp3c .curtain:where(.svelte-124tp3c){transition:transform var(--ct-close) var(--ct-ease) var(--ct-delay);transform:translateY(0)}.curtain-logo.svelte-124tp3c{width:var(--logo-w);height:auto;position:absolute;bottom:0;left:50%;translate:-50% 50%}@media (prefers-reduced-motion:reduce){.curtains.svelte-124tp3c{opacity:0;transition:opacity var(--ct-fade) ease}.curtains.is-shut.svelte-124tp3c{opacity:1}.curtain.svelte-124tp3c,.is-shut.svelte-124tp3c .curtain:where(.svelte-124tp3c){transition:none;transform:none}.curtain-veil.svelte-124tp3c,.is-shut.svelte-124tp3c .curtain-veil:where(.svelte-124tp3c){transition:none}}.dbg-fab.svelte-156fupg{z-index:1200;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161ad1;border:1px solid #ffffff40;border-radius:999px;width:40px;height:40px;font-size:18px;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.dbg-fab.on.svelte-156fupg{right:320px}.dbg-panel.svelte-156fupg{z-index:1190;color:#e8e8ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121418eb;border-left:1px solid #ffffff1f;width:300px;height:100vh;padding:14px 14px 40px;font:12px/1.4 system-ui,sans-serif;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #00000059}.dbg-panel.svelte-156fupg h3:where(.svelte-156fupg){letter-spacing:.4px;margin:4px 0 12px;font-size:13px}.dbg-panel.svelte-156fupg section:where(.svelte-156fupg){border-bottom:1px solid #ffffff14;margin-bottom:14px;padding-bottom:10px}.dbg-panel.svelte-156fupg h4:where(.svelte-156fupg){text-transform:uppercase;opacity:.65;letter-spacing:.5px;margin:0 0 8px;font-size:11px}.row.svelte-156fupg{align-items:center;gap:8px;margin:5px 0;display:flex}.row.svelte-156fupg>span:where(.svelte-156fupg){opacity:.85;flex:0 0 92px}.row.svelte-156fupg>input[type=range]:where(.svelte-156fupg){flex:1;min-width:0}.row.svelte-156fupg>input[type=text]:where(.svelte-156fupg){color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:5px;flex:1;min-width:0;padding:3px 6px}.row.svelte-156fupg>select:where(.svelte-156fupg){color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:5px;flex:1;padding:3px 6px}.row.svelte-156fupg>b:where(.svelte-156fupg){text-align:right;font-variant-numeric:tabular-nums;opacity:.9;flex:0 0 40px}.light.svelte-156fupg{background:#ffffff0a;border-radius:6px;margin:6px 0;padding:6px}.light-name.svelte-156fupg{text-transform:capitalize;opacity:.9;margin-bottom:2px;font-weight:600}.apply.svelte-156fupg,.copy.svelte-156fupg{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;margin-top:6px;padding:7px}.copy.svelte-156fupg{background:#5aa05a59;margin-top:4px}.apply.svelte-156fupg:hover,.copy.svelte-156fupg:hover{background:#ffffff2e}.parallax.svelte-jkb1ci{opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}body[data-screen=home] .parallax.svelte-jkb1ci{opacity:1}.parallax.hidden.svelte-jkb1ci{display:none}.pl.svelte-jkb1ci{will-change:transform;background-position:50% 42%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-3%}:root{--cream:#f7e9ca;--ink:#3a3129;--ink-soft:#6b5e51;--coral:#ea5b3a;--coral-dark:#d64b2e;--brand-red:#d62913;--brand-red-dark:#b81f0f;--cocoro-red:#b51817;--cocoro-red-dark:#911211;--gold:#f4a81c;--green:#95c900;--teal:#17a8b4;--sun:#f2b441;--sky-a:#cfe7ee;--sky-b:#fbe3c6;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-poster:"Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--shadow-pill:none;--radius-pill:99px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--topbar-h:68px}.topbar{z-index:40;height:var(--topbar-h);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:none;background:#f7e9cae0;border-bottom:1px solid #3c200e1f;justify-content:space-between;align-items:center;padding:0 clamp(16px,3.5vw,40px);transition:opacity .4s,background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}body[data-screen=loading] .topbar,body[data-screen=piezas] .topbar,body[data-screen=mi-cocoro] .topbar{opacity:0;pointer-events:none}.nav-left{align-items:center;gap:clamp(16px,2.6vw,40px);min-width:0;display:inline-flex}.nav-logo{flex:none;align-items:center;display:inline-flex}.nav-logo img{filter:none;width:auto;height:46px;display:block}.nav-links{align-items:center;gap:clamp(14px,2vw,34px);display:inline-flex}.nav-links a{font-family:var(--font-poster);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:400;transition:color .18s}.nav-links a:hover,.nav-links a.is-active{color:var(--cocoro-red)}body[data-screen=home] .hero-brand{display:none}@media (width<=820px){.nav-links{display:none}}.nav-menu-btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0000001f;justify-content:center;align-items:center;padding:0;display:none}.nav-menu-btn:hover{background:#fff8ee}.nav-menu-btn svg{width:20px;height:20px}.nav-menu-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}@media (width<=820px){.nav-menu-btn{display:inline-flex}}.nav-drawer{z-index:39;top:var(--topbar-h);background:var(--cream);transform:translateY(calc(-100% - var(--topbar-h)));visibility:hidden;border-bottom:1px solid #3c200e1f;flex-direction:column;padding:10px clamp(16px,3.5vw,40px) 22px;transition:transform .32s cubic-bezier(.32,0,.67,0),visibility 0s linear .32s;display:flex;position:fixed;left:0;right:0}.nav-drawer.is-open{visibility:visible;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility;transform:none}.nav-drawer a{font-family:var(--font-poster);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid #3a31291f;padding:12px 0;font-size:28px;line-height:1.1}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a.is-active{color:var(--cocoro-red)}.nav-drawer-scrim{z-index:38;opacity:0;pointer-events:none;background:#18120c59;transition:opacity .3s;position:fixed;inset:0}.nav-drawer-scrim.is-open{opacity:1;pointer-events:auto}@media (width>=821px){.nav-drawer,.nav-drawer-scrim{display:none}}@media (prefers-reduced-motion:reduce){.nav-drawer,.nav-drawer.is-open,.nav-drawer-scrim{transition:none}}.actions-right{align-items:center;gap:10px;display:inline-flex}.account{border-radius:var(--radius-pill);background:var(--cocoro-red);width:44px;height:44px;color:var(--cream);box-shadow:none;justify-content:center;align-items:center;display:inline-flex}.account:hover{background:var(--cocoro-red-dark)}.account{overflow:hidden}.account img{object-fit:cover;width:100%;height:100%;display:block}.account svg{width:20px;height:20px}.lang-select{appearance:none;color:var(--ink);font-family:var(--font-poster);letter-spacing:.08em;border-radius:var(--radius-pill);cursor:pointer;height:44px;box-shadow:var(--shadow-pill);background:#fff;border:1px solid #0000001f;padding:0 14px;font-size:15px;font-weight:400}.lang-select:hover{background:#fff8ee}.lang-select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}@media (width<=560px){:root{--topbar-h:60px}.nav-logo img{height:40px}}body{overflow:hidden}#backdrop{z-index:0;background:var(--cream) url(../../../landing-background.png) center 42% / cover no-repeat;will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s;position:fixed;inset:0;transform:scale(1.06)}#scene{z-index:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;position:fixed;inset:0}body[data-screen=home] #scene,body[data-screen=mi-cocoro] #scene{opacity:1;visibility:visible}body[data-screen=home] #scene{transition:none}#scene>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}body[data-screen=loading] #backdrop{filter:blur(6px);transform:scale(1.12)}body[data-screen=home] #backdrop{filter:brightness(.96);transform:scale(1.02)}@media (width<=699px){body[data-screen=home] #backdrop{transform:scale(1.04)}}@media (width>=700px) and (width<=1024px){body[data-screen=home] #backdrop{transform:scale(1.39)}}body[data-screen=model-selection] #backdrop{filter:blur(3px)brightness(.9);transform:scale(1.22)translateY(2%)}body[data-screen=garage] #backdrop{filter:blur(3px)brightness(.9);transform:scale(1.18)translate(6%,1%)}body[data-screen=historias] #backdrop{filter:blur(3px)brightness(.9);transform:scale(1.14)translate(-6%)}body[data-screen=cocoros-disponibles] #backdrop{filter:blur(3px)brightness(.9);transform:scale(1.16)translate(3%)}body[data-screen=cuenta] #backdrop{filter:blur(4px)brightness(.85);transform:scale(1.2)translate(-4%)}body[data-screen=pedidos] #backdrop{filter:blur(3px)brightness(.9);transform:scale(1.16)translate(-3%)}body[data-screen=paletas] #backdrop,body[data-screen=paletas] #scene,body[data-screen=garage] #backdrop,body[data-screen=garage] #scene,body[data-screen=pedidos] #backdrop,body[data-screen=pedidos] #scene,body[data-screen=sobre] #backdrop,body[data-screen=bitacora] #backdrop,body[data-screen=sobre] #scene,body[data-screen=bitacora] #scene,body[data-screen=cocoros-disponibles] #backdrop,body[data-screen=cocoros-disponibles] #scene,body[data-screen=historias] #backdrop,body[data-screen=historias] #scene,body[data-screen=precios] #backdrop,body[data-screen=precios] #scene,body[data-screen=model-selection] #backdrop,body[data-screen=model-selection] #scene{opacity:0;visibility:hidden;transition:none}body[data-screen=mi-cocoro] #backdrop{filter:blur(8px);transform:scale(1.15)}.screen{z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility .5s;position:fixed;inset:0}body[data-screen=loading] #screen-loading,body[data-screen=home] #screen-home,body[data-screen=model-selection] #screen-model-selection,body[data-screen=garage] #screen-garage,body[data-screen=historias] #screen-historias,body[data-screen=cocoros-disponibles] #screen-cocoros-disponibles,body[data-screen=pedidos] #screen-pedidos,body[data-screen=sobre] #screen-sobre,body[data-screen=bitacora] #screen-bitacora,body[data-screen=paletas] #screen-paletas,body[data-screen=cuenta] #screen-cuenta,body[data-screen=piezas] #screen-piezas,body[data-screen=mi-cocoro] #screen-mi-cocoro{opacity:1;visibility:visible;pointer-events:auto}.screen-scroll{overflow-y:auto}#screen-loading{z-index:100;background:var(--brand-red);justify-content:center;align-items:center;display:flex}.load-stage{flex-direction:column;align-items:center;gap:28px;display:flex;transform:translateY(-4%)}.load-logo{opacity:0;width:min(62vw,264px);height:auto;max-height:42vh;animation:.6s .2s both fadeIn}.load-bar{border-radius:var(--radius-pill);opacity:0;background:#ffffff47;width:min(60vw,260px);height:12px;animation:.6s .4s both fadeIn;overflow:hidden}.load-bar i{border-radius:var(--radius-pill);background:#fff;width:0%;height:100%;animation:2.6s .1s forwards fill;display:block}@keyframes fill{to{width:100%}}#screen-home{-webkit-user-select:none;user-select:none;align-items:center;display:flex}body[data-screen=home] #screen-home{pointer-events:none}body[data-screen=home] #scene{pointer-events:auto;cursor:grab}body[data-screen=home] #scene:active{cursor:grabbing}#screen-home:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(75% 75%,#1c161000 42%,#1c161061 72%,#1c16109e 100%);position:absolute;inset:0}.hero-copy{z-index:2;color:#fff;pointer-events:auto;max-width:720px;padding:0 clamp(20px,6vw,96px);position:relative}.hero-copy h1{font-family:var(--font-poster);letter-spacing:-.01em;text-shadow:0 6px 30px #0006;font-size:clamp(35px,5.4vw,55px);font-weight:400;line-height:1}.hero-copy h1 .gold{color:var(--gold)}.hero-copy h1 .green{color:var(--green)}.sheet h2 .gold{color:var(--gold)}.sheet h2 .green{color:var(--green)}.divider{align-items:center;gap:8px;width:100%;margin:22px 0 18px;display:flex}.divider .line{background:#ffffff8c;border-radius:3px;flex:1;height:3px}.divider svg{width:20px;height:20px;color:var(--brand-red);flex-shrink:0}.hero-copy .tagline{color:#fffffff2;text-shadow:0 2px 14px #0006;max-width:40ch;font-size:clamp(17px,2vw,22px);font-weight:500;line-height:1.35}.hero-copy .tagline-line{display:block}.cta{font-family:var(--font-poster);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--coral);border-radius:var(--radius-pill);box-shadow:none;cursor:pointer;border:none;align-items:center;gap:14px;margin-top:30px;padding:18px 30px;font-size:17px;font-weight:400;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.cta:hover{background:var(--coral-dark);box-shadow:none;transform:translateY(-2px)}.cta svg{width:20px;height:20px}.hero-brand{justify-content:center;width:100%;margin-bottom:clamp(16px,2.4vw,26px);display:flex}.hero-brand img{filter:none;width:auto;height:clamp(84px,11vw,132px);display:block}.hero-nav{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;display:flex}.hero-nav a{font-family:var(--font-poster);letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:2px solid #fff9;padding:12px 26px;font-size:15px;font-weight:400;transition:background .2s,border-color .2s,transform .15s}.hero-nav a:hover{background:#fff3;border-color:#fff;transform:translateY(-1px)}@media (width<=640px){.hero-copy{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-copy .tagline{max-width:40ch}.hero-nav{align-items:center}}.corner{z-index:3;border-radius:var(--radius-pill);width:52px;height:52px;box-shadow:none;cursor:pointer;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex;position:absolute;bottom:28px}.corner:hover{transform:translateY(-3px)}.corner svg{width:22px;height:22px}.corner.gift{color:var(--coral);background:#fff;left:clamp(20px,6vw,96px)}.corner.scroll{background:var(--teal);color:#fff;animation:2.4s ease-in-out infinite bob;right:clamp(20px,4vw,44px)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sheet{z-index:2;color:#fff;flex-direction:column;justify-content:center;width:min(1100px,92vw);min-height:100vh;margin:0 auto;padding:120px 0 60px;display:flex;position:relative}.sheet h2{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.01em;text-shadow:none;font-size:clamp(34px,4.6vw,58px);font-weight:400;line-height:1.05}.sheet .sub{color:#ffffffe6;text-shadow:none;margin-top:0;margin-bottom:20px;font-size:18px}#screen-model-selection:before,#screen-garage:before,#screen-historias:before,#screen-pedidos:before,#screen-paletas:before,#screen-cuenta:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#18120c59,#18120c9e);position:fixed;inset:0}#screen-paletas,#screen-garage,#screen-pedidos,#screen-sobre,#screen-bitacora,#screen-cocoros-disponibles,#screen-historias,#screen-precios,#screen-model-selection{background:radial-gradient(140% 80% at 50% -20%,#fffdf7 0%,#fbf5e9 55%,#f5eddc 100%)}#screen-paletas:before,#screen-garage:before,#screen-pedidos:before,#screen-sobre:before,#screen-bitacora:before,#screen-cocoros-disponibles:before,#screen-historias:before,#screen-precios:before,#screen-model-selection:before{display:none}body[data-screen=garage] .sheet,body[data-screen=pedidos] .sheet,body[data-screen=sobre] .sheet,body[data-screen=bitacora] .sheet,body[data-screen=cocoros-disponibles] .sheet,body[data-screen=historias] .sheet,body[data-screen=precios] .sheet{color:var(--ink);justify-content:flex-start;padding:112px 0 72px}body[data-screen=model-selection] .sheet h2,body[data-screen=garage] .sheet h2,body[data-screen=pedidos] .sheet h2,body[data-screen=sobre] .sheet h2,body[data-screen=bitacora] .sheet h2,body[data-screen=cocoros-disponibles] .sheet h2,body[data-screen=historias] .sheet h2,body[data-screen=precios] .sheet h2{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);transform-origin:0 100%;text-shadow:0 2px #3c200e1f;font-size:clamp(32px,4.6vw,60px);font-weight:400;line-height:.98;transform:skew(-9deg)}body[data-screen=garage] .sheet h2 .gold,body[data-screen=garage] .sheet h2 .green,body[data-screen=cocoros-disponibles] .sheet h2 .gold,body[data-screen=cocoros-disponibles] .sheet h2 .green,body[data-screen=historias] .sheet h2 .gold,body[data-screen=historias] .sheet h2 .green,body[data-screen=precios] .sheet h2 .gold,body[data-screen=precios] .sheet h2 .green{color:inherit}body[data-screen=model-selection] .sheet .sub,body[data-screen=garage] .sheet .sub,body[data-screen=pedidos] .sheet .sub,body[data-screen=sobre] .sheet .sub,body[data-screen=bitacora] .sheet .sub,body[data-screen=cocoros-disponibles] .sheet .sub,body[data-screen=historias] .sheet .sub,body[data-screen=precios] .sheet .sub{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);text-shadow:none;font-size:clamp(13px,1.35vw,16px);font-weight:600}body[data-screen=garage] .cta{background:var(--cocoro-red);color:var(--cream);font-family:var(--font-poster);letter-spacing:.08em;border-radius:5px;padding:16px 34px;font-weight:400;box-shadow:inset 0 0 0 2px #f7e9ca33}body[data-screen=garage] .cta:hover{background:var(--cocoro-red-dark);transform:none;box-shadow:inset 0 0 0 2px #f7e9ca4d}body[data-screen=garage] .garage-card,body[data-screen=cocoros-disponibles] .garage-card{border:4px solid var(--cream);box-shadow:none;background:#fff;border-radius:5px}body[data-screen=garage] .garage-card-link:hover,body[data-screen=cocoros-disponibles] .garage-card-link:hover{box-shadow:none}body[data-screen=garage] .garage-thumb,.shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:26px;display:grid}.shop-card{border:4px solid var(--cream);background:#fff;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.shop-thumb{aspect-ratio:1;cursor:pointer;background-color:var(--cream);background-position:50% 40%;background-repeat:no-repeat;background-size:cover;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.shop-thumb>img{object-fit:contain;object-position:center bottom;transform-origin:bottom;width:100%;height:100%;position:absolute;inset:0;transform:scale(.95)}.shop-stickers{z-index:2;pointer-events:none;grid-template-columns:auto auto;grid-template-areas:"s2 s1"".s3";justify-items:end;gap:4px;display:grid;position:absolute;top:12px;right:10px}.shop-stickers>:first-child{transform:rotate(var(--tilt,-5deg));grid-area:s1}.shop-stickers>:nth-child(2){transform:rotate(var(--tilt,4deg));grid-area:s2}.shop-stickers>:nth-child(3){transform:rotate(var(--tilt,3deg));grid-area:s3}.shop-stickers .status-sticker{object-fit:contain;width:104px;height:104px;display:block}.shop-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.shop-name{font-family:var(--font-poster);text-transform:uppercase;color:var(--cocoro-red);transform-origin:0;margin:0;font-size:30px;font-weight:400;line-height:1;transform:skew(-8deg)}.shop-sub-row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.shop-sub{min-width:0;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px;font-weight:700}.shop-details{cursor:pointer;font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--ink);text-underline-offset:3px;background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:2px 0;font-size:12.5px;font-weight:600;-webkit-text-decoration:underline #3a31294d;text-decoration:underline #3a31294d;display:inline-flex}.shop-details:hover{text-decoration-color:currentColor}.shop-details svg{width:13px;height:13px;transition:transform .15s}.shop-details:hover svg{transform:translate(2px)}.shop-foot{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.shop-price{font-family:var(--font-poster);color:var(--ink);font-size:34px;line-height:1}.shop-order{--btn-bg:var(--cocoro-red);cursor:pointer;font-family:var(--font-poster);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);background:var(--btn-bg);box-shadow:inset 0 0 0 4px var(--btn-bg), inset 0 0 0 5.5px #f7e9cacc;border:0;border-radius:4px;align-items:center;gap:10px;padding:13px 22px;font-size:17px;font-weight:400;display:inline-flex}.shop-order:hover:not(:disabled){--btn-bg:var(--cocoro-red-dark)}.shop-order:disabled{opacity:.55;cursor:default}.shop-order svg{width:18px;height:18px}.shop-thumb:focus-visible,.shop-details:focus-visible,.shop-order:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.shop-foot .btn-remove{border-radius:4px;padding:11px 14px}.shop-media{position:relative}.shop-media .shop-menu-btn{top:10px;left:10px;right:auto}.shop-media .shop-menu{top:46px;left:10px;right:auto}.order-status-sticker{z-index:2;object-fit:contain;pointer-events:none;width:104px;height:104px;transform:rotate(var(--tilt,-4deg));position:absolute;top:10px;left:10px}#screen-pedidos .shop-foot,#screen-garage .shop-foot{flex-wrap:wrap;row-gap:12px}#screen-pedidos .shop-order,#screen-garage .shop-order{white-space:nowrap;flex:1 0 auto;justify-content:center}.shop-body .order-buyer{margin-top:8px;font-size:14px}.shop-body .order-buyer .order-date{flex:none;margin:0;font-size:13px;font-weight:400}.shop-name-btn{cursor:text;text-align:left;background:0 0;border:0;align-items:center;gap:8px;max-width:100%;padding:0;display:flex}.shop-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shop-name-btn:hover .shop-name-text{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.shop-name-pencil{width:18px;height:18px;color:var(--ink-soft);opacity:.6;flex:none}.shop-name-btn:hover .shop-name-pencil{opacity:1}.shop-edit-chip{z-index:2;color:var(--cream);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#3a2f28bd;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.shop-edit-chip svg{width:13px;height:13px}.shop-thumb:hover .shop-edit-chip{background:var(--cocoro-red)}.shop-name-input{color:var(--cocoro-red);font-size:26px}.shop-add{min-height:360px;color:var(--ink-soft);background:0 0;border-style:dashed;border-color:#3a312940;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:border-color .2s,color .2s}.shop-add:hover{border-color:var(--cocoro-red);color:var(--cocoro-red)}.shop-name-btn:focus-visible,.shop-add:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media (width<=400px){.shop-price{font-size:30px}.shop-order{padding:12px 16px;font-size:16px}}@media (prefers-reduced-motion:reduce){.shop-details svg{transition:none}}body[data-screen=cocoros-disponibles] .garage-thumb{aspect-ratio:16/10;background:#fff;border-bottom:1px solid #3c200e14;padding:22px 20px 12px;overflow:hidden}body[data-screen=garage] .garage-thumb img,body[data-screen=cocoros-disponibles] .garage-thumb img{object-fit:cover}body[data-screen=garage] .garage-thumb.has-backdrop,body[data-screen=cocoros-disponibles] .garage-thumb.has-backdrop{aspect-ratio:1;background-color:#0000;background-position:50% 40%;background-repeat:no-repeat;background-size:cover;position:relative}body[data-screen=garage] .garage-thumb.has-backdrop img,body[data-screen=cocoros-disponibles] .garage-thumb.has-backdrop img{object-fit:contain;object-position:center bottom;transform-origin:bottom;z-index:2;position:relative;transform:scale(.95)}body[data-screen=garage] .garage-thumb.has-backdrop .thumb-tint,body[data-screen=cocoros-disponibles] .garage-thumb.has-backdrop .thumb-tint{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 62%,#0000 22%,#0000004d 75%,#0000008c 100%);position:absolute;inset:0}body[data-screen=garage] .garage-meta,body[data-screen=cocoros-disponibles] .garage-meta{padding:16px 18px 4px}body[data-screen=cocoros-disponibles] .garage-head,body[data-screen=garage] .garage-head{z-index:3;text-align:left;pointer-events:none;background:linear-gradient(#fffffff2 0%,#ffffffd1 25%,#ffffff61 50%,#fff0 100%);padding:16px 20px 44px;position:absolute;top:0;left:0;right:0}body[data-screen=cocoros-disponibles] .garage-head .garage-status,body[data-screen=garage] .garage-head .garage-name,body[data-screen=garage] .garage-head .garage-name-input,body[data-screen=garage] .garage-head .garage-status{pointer-events:auto}body[data-screen=cocoros-disponibles] .garage-head .avail-name,body[data-screen=garage] .garage-head .garage-name,body[data-screen=garage] .garage-head .garage-name-input{text-align:left}body[data-screen=cocoros-disponibles] .garage-head .avail-name,body[data-screen=garage] .garage-head .garage-name{width:100%;color:var(--cocoro-red);letter-spacing:.01em;font-size:30px;font-style:italic;line-height:.95;display:block}body[data-screen=cocoros-disponibles] .garage-model,body[data-screen=garage] .garage-model{font-family:var(--font-body);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);margin:-2px 0 0;font-size:18px;font-weight:900}body[data-screen=cocoros-disponibles] .garage-code,body[data-screen=garage] .garage-code{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:-4px 0 0;font-size:10px;font-weight:800}body[data-screen=cocoros-disponibles] .garage-thumb,body[data-screen=garage] .garage-thumb{padding:10px 20px 12px}body[data-screen=cocoros-disponibles] .garage-head .garage-status,body[data-screen=garage] .garage-head .garage-status{letter-spacing:.08em;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px;margin:9px auto 0;display:inline-block;position:static}body[data-screen=cocoros-disponibles] .summary-total,body[data-screen=garage] .summary-total{font-family:var(--font-poster);font-weight:400}body[data-screen=garage] .garage-swatches,body[data-screen=cocoros-disponibles] .garage-swatches{flex-direction:column;gap:0;margin-top:12px;display:flex}body[data-screen=garage] .gsw,body[data-screen=cocoros-disponibles] .gsw{width:100%;color:var(--ink);align-items:center;gap:10px;min-width:0;padding:7px 0;display:flex}body[data-screen=garage] .gsw-dot,body[data-screen=cocoros-disponibles] .gsw-dot{width:16px;height:16px;box-shadow:none;border:1px solid #0000001f;border-radius:50%;flex:none}body[data-screen=garage] .gsw-part,body[data-screen=cocoros-disponibles] .gsw-part{font-family:var(--font-body);color:var(--ink);font-size:14px;font-weight:600}body[data-screen=garage] .gsw-color,body[data-screen=cocoros-disponibles] .gsw-color{color:var(--ink-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;padding-left:10px;font-size:13px;font-weight:500;overflow:hidden}body[data-screen=garage] .garage-name,body[data-screen=garage] .garage-name-input,body[data-screen=cocoros-disponibles] .avail-name{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.02em;font-size:20px;font-weight:400}body[data-screen=garage] .garage-price,body[data-screen=cocoros-disponibles] .garage-price{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #3c200e1f;justify-content:space-between;align-items:baseline;gap:10px;margin:12px 0 0;padding-top:12px;font-size:12px;display:flex}body[data-screen=garage] .garage-price-val,body[data-screen=cocoros-disponibles] .garage-price-val{font-family:var(--font-poster);letter-spacing:.01em;color:var(--ink);text-transform:none;font-size:24px;font-weight:400}body[data-screen=garage] .btn-order,body[data-screen=cocoros-disponibles] .btn-order{--btn-bg:var(--cocoro-red);background:var(--btn-bg);color:var(--cream);font-family:var(--font-poster);letter-spacing:.08em;box-shadow:inset 0 0 0 4px var(--btn-bg), inset 0 0 0 5.5px #f7e9cacc;border-radius:4px;font-weight:400}body[data-screen=garage] .btn-order:hover,body[data-screen=cocoros-disponibles] .btn-order:hover{--btn-bg:var(--cocoro-red-dark);transform:none}body[data-screen=garage] .btn-remove,body[data-screen=cocoros-disponibles] .btn-remove{border-radius:5px;transform:none}body[data-screen=garage] .btn-remove:hover,body[data-screen=cocoros-disponibles] .btn-remove:hover{transform:none}body[data-screen=garage] .garage-status,body[data-screen=cocoros-disponibles] .garage-status{letter-spacing:.08em;border-radius:4px}body[data-screen=garage] .garage-add{color:var(--ink-soft);background:0 0;border:2px dashed #3c200e47;border-radius:6px}body[data-screen=garage] .garage-add:hover{border-color:var(--cocoro-red);color:var(--cocoro-red);background:#b518170f}.models{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:34px;display:grid}@media (width<=640px){.models{grid-template-columns:repeat(2,1fr);gap:14px}.model-card{gap:12px;padding:22px 12px}.model-card h3{font-size:17px}}.model-card{color:var(--ink);cursor:pointer;box-shadow:none;text-align:center;background:#fffffff0;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:22px;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.model-card:hover{box-shadow:none;transform:translateY(-4px)}.model-card h3{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.02em;font-size:24px;font-weight:400}.model-card.soon{cursor:not-allowed}.model-card.soon:hover{box-shadow:none;transform:none}.badge{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);align-self:center;padding:5px 12px;font-size:12px;font-weight:600}.badge.ok{background:var(--green);color:#14330a}.badge.soon{color:#8a7c66;background:#e7decf}#screen-mi-cocoro{z-index:20;background:0 0}body[data-screen=mi-cocoro] #scene{pointer-events:auto;cursor:grab}body[data-screen=mi-cocoro] #scene:active{cursor:grabbing}body[data-screen=mi-cocoro] #screen-mi-cocoro{pointer-events:none}#screen-mi-cocoro .workshop-bar,#screen-mi-cocoro .config-back,#screen-mi-cocoro .config-cost,#screen-mi-cocoro .config-name,#screen-mi-cocoro .view-rail,#screen-mi-cocoro .drawer,#screen-mi-cocoro .summary{pointer-events:auto}.workshop-bar{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(1.2);height:68px;box-shadow:none;background:#ffffffb8;border-bottom:1px solid #0000000f;justify-content:flex-start;align-items:center;gap:12px;padding:0 clamp(16px,3.5vw,40px);display:flex;position:absolute;top:0;left:0;right:0}.workshop-bar-right{align-items:center;gap:10px;display:inline-flex}.workshop-bar .config-back{position:static;top:auto;left:auto}.workshop-bar .config-cost-row{display:contents}.workshop-bar .config-cost{margin-left:auto;position:static;top:auto;right:auto}.workshop-bar .config-name,.workshop-bar .config-name-input{z-index:1;color:var(--ink);text-shadow:none;max-width:min(46vw,460px);font-size:clamp(17px,2.2vw,24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workshop-bar .config-name:hover{background:#0000000f}.workshop-bar .config-name-input{background:#0000000d;border-radius:12px;min-width:160px}@media (width>=761px){.workshop-bar .config-name,.workshop-bar .config-name-input{max-width:min(46vw,460px,100vw - 620px)}}@media (width<=560px){.workshop-bar{height:60px}}@media (width<=760px){.workshop-bar .config-back span{display:none}.workshop-bar .workshop-bar-right{margin-left:auto}.workshop-bar .config-cost-row{justify-content:flex-end;margin-top:8px;display:flex;position:absolute;top:100%;right:clamp(16px,3.5vw,40px)}.workshop-bar .config-cost{margin-left:0}.workshop-bar .config-name,.workshop-bar .config-name-input{max-width:min(44vw,100vw - 250px)}}.config-name,.config-name-input{z-index:4;text-align:center;max-width:min(52vw,620px);font-family:var(--font-poster);color:#fff;text-shadow:0 4px 22px #00000073;font-size:clamp(24px,3.4vw,40px);font-weight:400;position:absolute;top:26px;left:50%;transform:translate(-50%)}.config-name{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:14px;padding:4px 14px;transition:background .15s;overflow:hidden}.config-name:hover{background:#ffffff24}.config-name:disabled{cursor:default}.config-name:disabled:hover{background:0 0}.config-locked{z-index:4;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;max-width:min(84vw,520px);font-family:var(--font-body);letter-spacing:.02em;text-align:center;background:#00000080;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.config-locked svg{flex:none;width:15px;height:15px}.config-locked-action{color:#fff;font:700 11px var(--font-body);letter-spacing:.04em;cursor:pointer;pointer-events:auto;white-space:nowrap;background:0 0;border:1px solid #ffffffb3;border-radius:99px;margin-left:6px;padding:4px 10px}.config-locked-action:hover:not(:disabled){background:#ffffff29}.config-locked-action:disabled{opacity:.6;cursor:default}@media (width<=760px){.config-locked{top:130px}}@media (width<=560px){.config-locked{top:122px}}.config-locked-inline{display:none}@media (width<=760px){.config-locked-float{display:none}.config-locked.config-locked-inline{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:none;color:var(--ink-soft);background:0 0;flex-wrap:wrap;justify-content:center;padding:0;display:flex;inset:auto 8px 12px;transform:none}.config-locked-inline .config-locked-action{color:inherit;border-color:currentColor}}.config-name-input{background:0 0;border:none;outline:none;min-width:220px;padding:4px 14px}.config-back{z-index:5;font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);box-shadow:var(--shadow-pill);cursor:pointer;color:var(--ink);background:#fff;border:1px solid #3c200e24;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:400;display:inline-flex;position:absolute;top:18px;left:18px}.config-back:hover{background:#fff8ee}.config-back svg{width:18px;height:18px}.config-cost{z-index:5;cursor:pointer;color:#fff;background:var(--coral);border-radius:var(--radius-pill);box-shadow:none;border:none;align-items:center;gap:12px;padding:8px 12px 8px 18px;transition:background .15s,transform .12s;display:inline-flex;position:absolute;top:18px;right:18px}.config-cost:hover{background:var(--coral-dark);transform:translateY(-1px)}.config-cost-info{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.config-cost-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:10px;font-weight:600}.config-cost-price{font-family:var(--font-poster);opacity:.92;font-size:18px;font-weight:400}.config-cost svg{flex:none;width:20px;height:20px}.summary-scrim{z-index:30;opacity:0;pointer-events:none;background:#1e181273;transition:opacity .3s;position:absolute;inset:0}.summary{z-index:31;background:var(--cream,#fbf4e9);width:min(92vw,380px);box-shadow:none;text-align:center;padding:22px 22px 28px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}body.summary-open .summary-scrim{opacity:1;pointer-events:auto}body.summary-open .summary{transform:none}.summary-close{cursor:pointer;width:34px;height:34px;color:var(--ink);background:#0000000f;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.summary-close:hover{background:#0000001f}.summary-close svg{width:18px;height:18px}.summary-head h2{font-family:var(--font-poster);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:6px 0 2px;font-size:26px;font-weight:400}.summary-sub{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-weight:600}.summary-hero{justify-content:center;align-items:center;margin:4px 0 2px;display:flex}.summary-hero-svg{width:min(70%,220px);height:auto}.summary-photo{filter:drop-shadow(0 12px 18px #00000038);width:auto;max-width:min(88%,300px);height:auto;max-height:200px;margin:0 auto;display:block}.summary-section{text-align:left;border-top:1px solid #3a31291f;margin-top:8px;padding-top:12px}.summary-section:first-of-type{border-top:none;padding-top:0}.summary-section-head{align-items:center;gap:10px;display:flex}.summary-section-title{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px;font-weight:700}.summary-badge{color:var(--coral);font-family:var(--font-body);letter-spacing:.02em;white-space:nowrap;background:#ea5b3a1f;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:700}.summary-parts{text-align:left;margin:6px 0 0;padding:0;list-style:none}.summary-row{align-items:center;gap:10px;padding:7px 0;display:flex}.summary-row.is-tappable{text-align:left;width:calc(100% + 16px);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;margin:0 -8px;padding:7px 8px;transition:background .12s}.summary-row.is-tappable:hover{background:#3a31290d}.summary-row.is-tappable:hover .summary-edit{color:var(--coral)}.summary-row.is-tappable:focus-visible{outline:2px solid var(--coral);outline-offset:1px}.summary-dot{border:1px solid #0000001f;border-radius:50%;flex:none;width:16px;height:16px}.summary-dot.is-light{border-color:#00000047;box-shadow:inset 0 0 0 1px #fff9}.summary-graphic-thumb{background:#f1ece1;border:1px solid #0000001f;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40}.summary-graphic-thumb img{object-fit:contain;width:100%;height:100%}.summary-row-name{font-family:var(--font-body);color:var(--ink);flex-direction:column;gap:1px;min-width:0;font-size:14px;font-weight:600;display:flex}.summary-row-sub{font-family:var(--font-body);color:var(--ink-soft);text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:500}.summary-row-val{font-family:var(--font-body);color:var(--ink-soft);text-align:right;white-space:nowrap;margin-left:auto;padding-left:8px;font-size:13px}.summary-original-list{font-family:var(--font-body);color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.5}.summary-edit{cursor:pointer;width:26px;height:26px;color:var(--ink-soft);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.summary-edit:hover{color:var(--coral);background:#ea5b3a1a}.summary-edit svg{width:15px;height:15px}.summary-row-price{font-family:var(--font-body);color:var(--ink);white-space:nowrap;margin-left:6px;font-size:12px;font-weight:600}.summary-breakdown{flex-direction:column;gap:6px;padding-bottom:2px;display:flex}.summary-cost-row{font-family:var(--font-body);color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.summary-cost-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.summary-cost-val{color:var(--ink);flex:none;font-weight:600}.summary-cost-row.is-discount .summary-cost-name,.summary-cost-row.is-discount .summary-cost-val{color:var(--cocoro-red,#b51817)}.summary-breakdown+.summary-total-row{border-top:none;padding-top:8px}.summary-total-row{border-top:1px solid #3a31291f;justify-content:space-between;align-items:baseline;padding:14px 0 4px;display:flex}.summary-total-row>span:first-child{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:13px;font-weight:600}.summary-total{font-family:var(--font-poster);color:var(--ink);font-size:30px;font-weight:400}.summary-cta{cursor:pointer;border-radius:var(--radius-pill);width:100%;font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--coral);box-shadow:none;border:none;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:15px 20px;font-size:16px;font-weight:400;display:flex}.summary-cta:hover{background:var(--coral-dark)}.summary-cta:disabled{opacity:.6;cursor:default}.summary-cta svg{width:20px;height:20px}.summary-cta-locked{background:var(--ink);box-shadow:none;cursor:default}.summary-locked-note{text-align:center;font-family:var(--font-body);color:var(--ink-soft);margin:10px 0 0;font-size:13px}.summary-ship{font-family:var(--font-body);color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.summary-color-note{text-align:center;font-family:var(--font-body);color:var(--ink-soft);margin:10px 0 0;font-size:12px;line-height:1.45}.summary-ship svg{width:18px;height:18px}.drawer{z-index:4;padding:0;position:absolute;bottom:0;left:0;right:0}.view-rail{z-index:6;flex-direction:column;gap:clamp(10px,1.6vw,16px);display:flex;position:absolute;top:44%;right:clamp(10px,2vw,20px);transform:translateY(-50%)}.view-btn{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.view-ico{-webkit-backdrop-filter:blur(3px);background:#00000047;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:clamp(42px,5.4vw,52px);height:clamp(42px,5.4vw,52px);transition:background .2s,border-color .2s,transform .12s;display:grid}.view-ico svg{width:60%;height:60%}.view-btn:hover .view-ico{background:var(--brand-red);border-color:var(--brand-red);transform:scale(1.06)}.view-label{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 6px #00000080;font-size:10px;font-weight:700}@media (width<=760px){.view-rail-compact{gap:10px}.view-rail-compact .view-ico{width:40px;height:40px}.view-rail-compact .view-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.rotate-hint{pointer-events:none;color:#fff;text-shadow:0 2px 8px #00000080;flex-direction:column;align-items:center;gap:4px;transition:opacity .45s;animation:2.4s ease-in-out infinite rotateHintPulse;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.rotate-hint-glyph{align-items:center;gap:6px;display:flex}.rotate-hint-glyph svg{width:22px;height:22px}.rotate-hint .rotate-hand{width:30px;height:30px}.rotate-hint span{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}@keyframes rotateHintPulse{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.78;transform:translate(-50%)translateY(-4px)}}body.has-rotated .rotate-hint{opacity:0}@media (prefers-reduced-motion:reduce){.rotate-hint{animation:none}}.cats{justify-content:center;align-items:flex-end;gap:6px;max-width:1140px;margin:0 auto;padding:0 8px;display:flex}.cat{cursor:pointer;min-width:0;font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:#ebe1d0;border:none;border-radius:12px 12px 0 0;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:6px;padding:10px clamp(8px,1.4vw,14px);font-size:clamp(10px,1.05vw,12px);font-weight:600;transition:background .15s,color .15s,padding .15s;display:inline-flex}.cat span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cat-ico{flex:none;width:30px;height:30px}.cat:hover{background:#f3eada}.cat.active{color:var(--coral);z-index:2;background:#fff;padding-top:13px}.cat.active .cat-ico{color:var(--coral)}.cat-soon{opacity:.55}.cats.is-compact{scrollbar-width:none;justify-content:safe center;gap:4px;overflow-x:auto}.cats.is-compact::-webkit-scrollbar{display:none}.cats.is-compact .cat{flex-direction:row;flex:0 auto;gap:0;min-width:32px;padding:10px 4px}.cats.is-compact .cat.active{flex:none;padding:13px 10px 10px}.cats.is-compact .cat-ico{width:24px;height:24px}.cats.is-compact .cat span{opacity:0;max-width:0;font-size:11px;transition:max-width .25s,opacity .2s,margin .25s;display:inline-block}.cats.is-compact .cat.active span{opacity:1;max-width:96px;margin-left:6px}.cats.is-measuring .cat{flex-shrink:0}@media (prefers-reduced-motion:reduce){.cats.is-compact .cat span{transition:none}}.panel{z-index:1;max-width:none;box-shadow:none;text-align:center;background:#fff;border-radius:5px;margin:0;padding:22px 8px 10px;position:relative}.panel-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 16px;font-size:13px;font-weight:700}.swatches{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 18px;min-height:72px;display:flex}@media (width<=820px){.swatches{touch-action:pan-y;align-content:center;align-items:center;min-height:200px;overflow-y:auto}}.swatches-pager{align-items:flex-start;gap:8px;width:100%;display:flex}.swatches-pager .swatches{flex:auto;min-width:0;height:84px;min-height:0;overflow:visible}.swatches-pager:not(.is-graphic) .swatches,.swatches-pager.is-graphic .graphic-grid{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}.swatches-pager.is-graphic .graphic-grid{gap:12px}.pager-arrow{margin-top:5px}.swatches-pager.is-graphic .pager-arrow{margin-top:14px}.pager-arrow{border:1px solid var(--line,#00000024);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .12s,background .12s,opacity .12s;display:inline-flex;box-shadow:inset 0 0 0 1px #3c200e24}.pager-arrow svg{width:20px;height:20px}.pager-arrow:hover:not(:disabled){transform:scale(1.08)}.pager-arrow:disabled{opacity:.3;cursor:default}.pager-arrow.hidden{visibility:hidden}.pager-dots{justify-content:center;align-items:center;gap:6px;height:10px;margin-top:12px;display:flex}.pager-dot{background:var(--line,#0003);border-radius:50%;width:6px;height:6px;transition:background .12s,transform .12s}.pager-dot.on{background:var(--cocoro-red,#b51817);transform:scale(1.25)}.swatch-item{flex-direction:column;align-items:center;gap:8px;width:64px;display:flex;position:relative}.swatch-price{z-index:2;background:var(--cocoro-red);color:var(--cream);font:700 11px/1 var(--font-body);letter-spacing:.02em;box-shadow:none;pointer-events:none;white-space:nowrap;border-radius:999px;padding:1.5px 7px;position:absolute;top:46px;left:50%;transform:translate(-50%,-50%)}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:46px;height:46px;transition:transform .12s;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:scale(1.08)}.swatch:disabled{cursor:default}.swatch:disabled:hover{transform:none}.swatch.sel{outline:3px solid var(--coral);outline-offset:2px}.swatch.sel:after{content:"✓";color:#fff;text-shadow:0 1px 3px #00000080;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;inset:0}.swatch-name{font-family:var(--font-body);text-align:center;color:var(--ink-soft);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:26.4px;max-height:26.4px;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.soon-note{font-family:var(--font-body);color:var(--ink-soft);font-size:16px;font-weight:600}.graphic-grid{flex-wrap:wrap;gap:12px;display:flex}.graphic-item{border:2px solid var(--line,#0000001f);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;padding:6px;transition:border-color .15s,transform .15s;display:flex;position:relative}.graphic-price{top:auto;bottom:6px;transform:translate(-50%,100%)}.graphic-item:hover{transform:translateY(-2px)}.graphic-item.sel{border-color:var(--brand,#d62913)}.graphic-item img{object-fit:contain;max-width:100%;max-height:100%}.graphic-item .graphic-none{color:var(--ink-soft);font-size:22px}.graphic-item:disabled{opacity:.5;cursor:default}.graphic-item.sel:disabled{opacity:1}@media (prefers-reduced-motion:reduce){#scene,.screen,.corner.scroll{transition:none;animation:none}}.toast{z-index:60;border-radius:var(--radius-pill);background:var(--ink);color:#fff;max-width:min(90vw,420px);font-family:var(--font-body);letter-spacing:.02em;text-align:center;box-shadow:none;opacity:0;pointer-events:none;padding:13px 22px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.ok{background:var(--green)}.toast.error{background:var(--brand-red)}.auth-note{color:var(--ink-soft);font-size:16px;line-height:1.5}.profile-card{background:var(--cream);width:min(560px,100%);color:var(--ink);box-shadow:none;border-radius:22px;flex-direction:column;gap:22px;margin-top:26px;padding:28px;display:flex}.profile-card-signin{align-items:flex-start;gap:18px}.profile-head{align-items:center;gap:18px;display:flex}.profile-avatar{object-fit:cover;width:76px;height:76px;box-shadow:none;border-radius:50%;flex:none}.profile-avatar-fallback{background:var(--brand-red);color:#fff;font-family:var(--font-poster);place-items:center;font-size:36px;font-weight:400;display:grid}.profile-id{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.profile-name-row{align-items:center;gap:8px;display:flex}.profile-name{font-family:var(--font-poster);color:var(--ink);font-size:26px;font-weight:400}.profile-edit{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:#0000000f;border:none;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.profile-edit:hover{color:var(--ink);background:#0000001f}.profile-edit svg{width:15px;height:15px}.profile-name-edit{align-items:center;gap:8px;display:flex}.profile-name-input{font-family:var(--font-poster);color:var(--ink);background:#fff;border:1.5px solid #00000029;border-radius:12px;width:220px;min-width:0;max-width:100%;padding:6px 12px;font-size:24px;font-weight:400}.profile-name-input:focus{border-color:var(--brand-red);outline:none}.pn-btn{cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.pn-btn svg{width:16px;height:16px}.pn-save{background:var(--green);color:#fff}.pn-cancel{color:var(--ink-soft);background:#00000014}.pn-btn:disabled{opacity:.55;cursor:default}.profile-email{color:var(--ink-soft);word-break:break-all;font-size:14px}.role-badge{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-top:4px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.role-badge.role-builder{background:var(--brand-red)}.role-badge.role-buyer{background:var(--teal)}.profile-note{color:var(--ink-soft);border-left:3px solid var(--brand-red);background:#d6291314;border-radius:8px;margin:-6px 0 0;padding:10px 14px;font-size:14px;line-height:1.5}.profile-stats{gap:14px;display:flex}.stat{background:#0000000a;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:16px 8px;display:flex}.stat-n{font-family:var(--font-poster);color:var(--ink);font-size:34px;font-weight:400;line-height:1}.stat-l{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:13px}.btn-line{border-radius:var(--radius-pill);width:100%;color:var(--ink);font-family:var(--font-poster);cursor:pointer;background:0 0;border:1.5px solid #00000029;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:400;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.btn-line:hover{background:#0000000d;border-color:#0000004d}.btn-line svg{width:15px;height:15px}.role-switch{flex-direction:column;gap:8px;margin-top:-6px;display:flex}.role-switch-note{color:var(--ink-soft);text-align:center;margin:0;font-size:12.5px}.profile-signout{color:var(--ink-soft);font-family:var(--font-poster);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px 8px;font-size:14px;font-weight:400;text-decoration:underline}.profile-signout:hover{color:var(--brand-red)}.btn-google{border-radius:var(--radius-pill);color:#3c4043;font-family:var(--font-poster);cursor:pointer;background:#fff;border:1.5px solid #00000024;align-items:center;gap:12px;padding:13px 24px;font-size:15px;font-weight:400;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #00000024}.btn-google:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #00000042}.btn-ghost{border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font-poster);cursor:pointer;background:#0000000a;border:1.5px solid #0000001f;padding:10px 20px;font-size:14px;font-weight:400;transition:background .2s,border-color .2s}.btn-ghost:hover{background:#00000014}.btn-ghost.danger{color:var(--brand-red);border-color:#d629134d}.btn-ghost.danger:hover{background:#d6291314}.garage-grid{columns:300px;column-gap:22px;margin-top:8px}.garage-card{break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;box-shadow:none;background:#fff;border:1px solid #0000000d;flex-direction:column;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.garage-card-link{cursor:pointer;transition:transform .15s,box-shadow .2s}.garage-card-link:hover{box-shadow:none;transform:translateY(-4px)}.garage-card-link:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.garage-menu-btn{z-index:4;color:#fff;cursor:pointer;width:30px;height:30px;box-shadow:none;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:10px;right:10px}.garage-menu-btn svg{width:18px;height:18px}.garage-menu-btn:hover{color:#fff;background:#000000b8}.garage-menu{z-index:4;background:#fff;border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:44px;right:10px;box-shadow:0 0 0 1px #3c200e29}.garage-menu[hidden]{display:none}.garage-menu button{text-align:left;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px 12px;font-size:14px;font-weight:600}.garage-menu button:hover{background:#0000000d}.garage-menu button.danger{color:var(--brand-red)}.garage-menu button.danger:hover{background:#d6291314}.garage-status{z-index:2;border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.garage-status.status-ready{background:var(--green)}.garage-status.status-fabricated{background:var(--coral)}.garage-status.status-ordered{background:var(--brand-red)}.garage-status.status-in-construction{background:var(--gold);color:var(--ink)}.garage-status.status-shipped{background:var(--teal)}.garage-status.status-delivered{background:var(--ink)}.garage-status.status-sold,.garage-status.status-cancelled{background:var(--ink-soft)}.order-buyer{color:var(--ink);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.order-buyer svg{width:15px;height:15px;color:var(--ink-soft);flex:none}.order-buyer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-date{color:var(--ink-soft);margin-top:2px;font-size:12px}.garage-card.is-sold .garage-thumb,.garage-card.is-sold .garage-name,.garage-card.is-sold .garage-swatches,.garage-card.is-sold .garage-price{opacity:.5;filter:grayscale(.4)}.garage-name{text-align:left;width:100%;font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);cursor:text;background:0 0;border:none;border-radius:6px;padding:0;font-size:20px;font-weight:400;display:block}.garage-name:hover{color:var(--brand-red)}.avail-name{cursor:default;margin:0}.avail-name:hover{color:var(--ink)}.garage-name-input{width:100%;font-family:var(--font-poster);color:var(--ink);border:none;border-bottom:2px solid var(--coral);background:0 0;outline:none;padding:0 0 2px;font-size:20px;font-weight:400}.garage-swatches{flex-wrap:wrap;gap:4px 10px;margin-top:8px;display:flex}.gsw{color:var(--ink-soft);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.gsw-dot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.garage-add{min-height:220px;box-shadow:none;color:#ffffffeb;text-align:center;background:#ffffff14;border:2px dashed #ffffff8c;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,color .2s,background .2s}.garage-add:hover{border-color:var(--coral);color:#fff;background:#ea5b3a38}.garage-add-plus{font-size:40px;font-weight:300;line-height:1}.garage-add-label{font-family:var(--font-body);font-size:14px;font-weight:700}.garage-thumb{aspect-ratio:3/2;background:var(--cream);justify-content:center;align-items:center;display:flex}.garage-thumb img{object-fit:contain;width:100%;height:100%}.garage-meta{padding:12px 16px 6px}.garage-model{font-family:var(--font-body);color:var(--ink);font-size:16px;font-weight:700}.garage-price{color:var(--ink-soft);margin-top:2px;font-size:14px}.garage-actions{flex-direction:column;gap:8px;padding:10px 16px 16px;display:flex}.garage-actions .btn-ghost,.garage-actions .btn-order,.garage-actions .btn-remove{text-align:center;width:100%;padding:11px 8px;font-size:14px}.btn-order{border-radius:var(--radius-pill);background:var(--coral);color:#fff;font-family:var(--font-poster);cursor:pointer;box-shadow:none;border:none;font-size:14px;font-weight:400;transition:background .2s,transform .15s}.btn-order:hover{background:var(--coral-dark);transform:translateY(-1px)}.btn-order:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn-remove{border-radius:var(--radius-pill);border:1.5px solid var(--brand-red);color:var(--brand-red);font-family:var(--font-poster);cursor:pointer;background:0 0;font-size:14px;font-weight:400;transition:background .2s,color .2s,transform .15s}.btn-remove:hover{background:var(--brand-red);color:#fff;transform:translateY(-1px)}.btn-remove:disabled{opacity:.55;cursor:default;transform:none}.garage-track{text-align:center;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);padding:11px 8px;font-size:13px;font-weight:700;display:block}.garage-log{color:var(--cocoro-red);text-underline-offset:3px;text-decoration:underline}.garage-log:hover{color:var(--cocoro-red-dark)}a.shop-order{text-decoration:none}.confirm-ov{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-box{width:min(92vw,380px);box-shadow:none;text-align:center;background:#fff;border-radius:22px;padding:26px 24px 20px}.confirm-msg{color:var(--ink);margin-bottom:20px;font-size:16px;line-height:1.5}.confirm-actions{gap:10px;display:flex}.confirm-actions .btn-ghost,.confirm-actions .btn-danger{text-align:center;flex:1;padding:12px 8px}.btn-danger{border-radius:var(--radius-pill);background:var(--brand-red);color:#fff;font-family:var(--font-poster);cursor:pointer;border:none;font-size:14px;font-weight:400;transition:filter .2s,transform .15s}.btn-danger:hover{filter:brightness(.92);transform:translateY(-1px)}.cocoro-loader{--cl-size:140px;--cl-jump:3;--cl-cargo-jump:20;flex-direction:column;align-items:center;gap:14px;display:flex}.cocoro-loader .cl-svg{width:var(--cl-size);height:var(--cl-size);overflow:visible}.cl-fill-body{fill:var(--cl-color-body,#c90000);transition:fill .2s}.cl-fill-bed{fill:var(--cl-color-bed,#319241);transition:fill .2s}.cl-fill-wheels{fill:var(--cl-color-wheels,#141414);transition:fill .2s}.cocoro-loader-msg{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.06em;letter-spacing:.02em;color:#fff;text-shadow:0 2px 14px #0006;font-size:18px;font-weight:400}.cl-body{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.45,0,.55,1) infinite cl-body}.cl-wheels{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.45,0,.55,1) infinite cl-wheels}.cl-shadow{transform-box:fill-box;transform-origin:50%;animation:.9s cubic-bezier(.45,0,.55,1) infinite cl-shadow}.cl-cargo{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.4,0,.5,1) infinite cl-cargo}.cl-cargo-1{animation-delay:60ms}.cl-cargo-2{animation-delay:.15s}.cl-cargo-3{animation-delay:.1s}@keyframes cl-body{0%{transform:translateY(0)scale(1)}20%{transform:translateY(1.5%)scale(1.05,.93)}50%{transform:translateY(-15%)scale(.97,1.06)}80%{transform:translateY(1.5%)scale(1.06,.92)}92%{transform:translateY(0)scale(.99,1.01)}to{transform:translateY(0)scale(1)}}@keyframes cl-wheels{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.07,.88)}50%{transform:translateY(-3%)scale(.98,1.02)}80%{transform:translateY(0)scale(1.09,.86)}}@keyframes cl-shadow{0%,to{opacity:.22;transform:scale(1)}50%{opacity:.1;transform:scale(.6)}80%{opacity:.24;transform:scale(1.06)}}@keyframes cl-cargo{0%,10%{transform:translateY(0)scale(1)}45%{transform:translateY(-24%)scale(.93,1.09)}75%{transform:translateY(7%)scale(1.09,.9)}90%{transform:translateY(-3%)scale(1)}to{transform:translateY(0)scale(1)}}.cocoro-loader.no-squash .cl-body{animation-name:cl-body-nsq}.cocoro-loader.no-squash .cl-wheels{animation-name:cl-wheels-nsq}.cocoro-loader.no-squash .cl-cargo{animation-name:cl-cargo-nsq}@keyframes cl-body-nsq{0%{transform:translateY(0)}20%{transform:translateY(1.5%)}50%{transform:translateY(calc(var(--cl-jump,3) * -1%))}80%{transform:translateY(1.5%)}to{transform:translateY(0)}}@keyframes cl-wheels-nsq{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes cl-cargo-nsq{0%,10%{transform:translateY(0)}45%{transform:translateY(calc(var(--cl-cargo-jump,20) * -1%))}75%{transform:translateY(7%)}90%{transform:translateY(-3%)}to{transform:translateY(0)}}.cocoro-loader-ov{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#18120c8c;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.cocoro-loader-ov.is-visible{opacity:1}.cocoro-loader-ov .cocoro-loader{--cl-size:180px}@media (prefers-reduced-motion:reduce){.cl-body,.cl-wheels,.cl-shadow,.cl-cargo{animation-duration:1.6s;animation-timing-function:ease-in-out}.cl-wheels,.cl-cargo{animation-name:none}.cl-body{animation-name:cl-body-soft}@keyframes cl-body-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}}body[data-screen=home] #screen-home:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#18120cb8 0%,#18120c80 26%,#18120c1f 48%,#18120c00 62%);position:absolute;inset:0}body[data-screen=home] .hero-copy{max-width:min(920px,62vw)}body[data-screen=home] .hero-copy h1{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.005em;color:var(--cream);transform-origin:0 100%;text-shadow:0 2px #3c200e59,0 3px 12px #0000004d;font-size:clamp(34px,5.6vw,78px);font-weight:400;line-height:.98;transform:skew(-9deg)}body[data-screen=home] .hero-copy h1 .tw-line{line-height:.98;display:block}body[data-screen=home] .divider{display:none}body[data-screen=home] .hero-copy .tagline{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:#f7e9caeb;margin-top:0;font-size:clamp(13px,1.35vw,16px);font-weight:600}body[data-screen=home] .hero-ctas{flex-direction:column;align-items:stretch;gap:12px;margin-top:30px;display:flex}body[data-screen=home] .hero-copy .cta{--cta-bg:var(--cocoro-red);background:var(--cta-bg);color:var(--cream);font-family:var(--font-poster);letter-spacing:.08em;box-shadow:inset 0 0 0 4px var(--cta-bg), inset 0 0 0 5.5px #f7e9cacc;border-radius:4px;justify-content:space-between;margin-top:0;padding:16px 30px;font-weight:400;transform:none}body[data-screen=home] .hero-copy .cta:hover{--cta-bg:var(--cocoro-red-dark);transform:none}body[data-screen=home] .hero-nav a{color:var(--cream);font-family:var(--font-poster);letter-spacing:.1em;border-color:#f7e9ca80;border-radius:5px}body[data-screen=home] .hero-nav a:hover{border-color:var(--cream);background:#f7e9ca29}@media (width<=1024px){body[data-screen=home] #screen-home{align-items:stretch}body[data-screen=home] #screen-home:after{display:none}body[data-screen=home] .hero-copy{text-align:center;width:100%;max-width:100%;height:100%;padding:calc(var(--topbar-h,68px) + clamp(8px, 1.6vh, 18px)) clamp(12px, 3.5vw, 28px) clamp(10px, 2vh, 18px);pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;display:flex}body[data-screen=home] .hero-head,body[data-screen=home] .hero-foot{pointer-events:auto;flex-direction:column;align-items:center;width:100%;display:flex}body[data-screen=home] .hero-head{gap:8px}body[data-screen=home] .hero-foot{gap:8px;max-width:100%;margin:0 auto}body[data-screen=home] .hero-brand{margin-bottom:4px}body[data-screen=home] .hero-brand img{height:clamp(100px,17vw,20px)}body[data-screen=home] .hero-copy h1{font-size:clamp(20px,10vw,70px)}body[data-screen=home] .hero-nav{flex-flow:wrap;justify-content:center;align-items:stretch;gap:8px;width:100%;margin-top:0}body[data-screen=home] .hero-nav a{letter-spacing:.06em;text-align:center;flex:auto;justify-content:center;align-items:center;min-width:104px;padding:9px 14px;font-size:12.5px;display:inline-flex}body[data-screen=home] .hero-nav a.wide{flex-basis:100%}body[data-screen=home] .hero-nav a.builder{color:#f7e9cad1;background:#160f0a8c;border-color:#f7e9ca42}body[data-screen=home] .hero-nav a.builder:hover{background:#160f0ab8;border-color:#f7e9ca99}body[data-screen=home] .hero-ctas{gap:8px;width:100%;margin-top:0}body[data-screen=home] .hero-foot .cta{justify-content:center;width:100%;margin-top:0;padding:18px 34px;font-size:18px}#screen-home:has(.hero-card.open) .hero-hint{display:none}}@media (width>=700px) and (width<=1024px){body[data-screen=home] .hero-foot{max-width:560px}}@media (width>=1025px){body[data-screen=home] .hero-head,body[data-screen=home] .hero-foot{display:contents}body[data-screen=home] .hero-copy{flex-direction:column;align-items:flex-start;display:flex}body[data-screen=home] .hero-ctas{order:1}body[data-screen=home] .hero-copy .hero-nav{order:2}}body[data-screen=model-selection] .sheet{justify-content:flex-start;padding:112px 0 72px}body[data-screen=model-selection] .model-card{color:var(--ink);background:#fff;border-radius:6px;transition:transform .15s,box-shadow .2s;box-shadow:inset 0 0 0 2px #3c200e1a}body[data-screen=model-selection] .model-card:hover{box-shadow:inset 0 0 0 2px var(--cocoro-red);transform:translateY(-4px)}body[data-screen=model-selection] .model-card.soon{color:#8a7c66;background:#efe6d6}body[data-screen=model-selection] .model-card.soon:hover{transform:none;box-shadow:inset 0 0 0 2px #3c200e1a}body[data-screen=model-selection] .model-card h3{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,1.8vw,24px);font-weight:400}body[data-screen=model-selection] .badge{letter-spacing:.08em;border-radius:4px}body[data-screen=model-selection] .badge.ok{background:var(--cocoro-red);color:var(--cream)}body[data-screen=model-selection] .badge.soon{color:#8a7c66;background:#dccfb8}body[data-screen=model-selection] .models-soon{font-family:var(--font-body);color:#8a7c66;margin-top:28px;font-size:14px;line-height:1.6}body[data-screen=model-selection] .models-soon strong{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}@media (width<=640px){body[data-screen=model-selection] .models{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-screen=model-selection] .model-card h3{overflow-wrap:anywhere}body[data-screen=model-selection] .badge{letter-spacing:.04em;max-width:100%;padding:5px 8px;font-size:11px}}body[data-screen=mi-cocoro] .workshop-bar{box-shadow:none;background:#f7e9cae6;border-bottom:1px solid #3c200e1f}body[data-screen=mi-cocoro] .workshop-bar .config-back{background:var(--cocoro-red);color:var(--cream);box-shadow:none;border-color:#0000}body[data-screen=mi-cocoro] .workshop-bar .config-back:hover{background:var(--cocoro-red-dark)}body[data-screen=mi-cocoro] .workshop-bar .config-name,body[data-screen=mi-cocoro] .workshop-bar .config-name-input{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);font-weight:400}body[data-screen=mi-cocoro] .workshop-bar .config-cost{background:var(--cocoro-red);color:var(--cream);box-shadow:none}body[data-screen=mi-cocoro] .workshop-bar .config-cost:hover{background:var(--cocoro-red-dark)}body[data-screen=mi-cocoro] .config-cost-price{font-family:var(--font-poster);letter-spacing:.02em;font-weight:400}body[data-screen=mi-cocoro] .lang-select{border-radius:var(--radius-pill);text-align:center;text-align-last:center;border:2px solid var(--cocoro-red);width:44px;height:44px;color:var(--cocoro-red);box-shadow:none;background:0 0;padding:0}body[data-screen=mi-cocoro] .lang-select:hover{background:#b5181714}body[data-screen=mi-cocoro] .lang-select option{color:var(--ink)}body[data-screen=mi-cocoro] .view-btn:hover .view-ico{background:var(--cocoro-red);border-color:var(--cocoro-red)}body[data-screen=mi-cocoro] .cat.active,body[data-screen=mi-cocoro] .cat.active .cat-ico{color:var(--cocoro-red)}body[data-screen=mi-cocoro] .panel-title{font-family:var(--font-poster);letter-spacing:.04em;color:var(--ink-soft);font-weight:400}body[data-screen=mi-cocoro] .swatch.sel{outline-color:var(--cocoro-red)}body[data-screen=mi-cocoro] .graphic-item.sel{border-color:var(--cocoro-red)}body[data-screen=mi-cocoro] .summary-head h2{font-family:var(--font-poster);letter-spacing:.02em;font-weight:400}body[data-screen=mi-cocoro] .summary-total{font-family:var(--font-poster);font-weight:400}body[data-screen=mi-cocoro] .summary-cta{--btn-bg:var(--cocoro-red);background:var(--btn-bg);color:var(--cream);font-family:var(--font-poster);letter-spacing:.08em;box-shadow:inset 0 0 0 4px var(--btn-bg), inset 0 0 0 5.5px #f7e9cacc;border-radius:4px;font-weight:400}body[data-screen=mi-cocoro] .summary-cta:hover{--btn-bg:var(--cocoro-red-dark)}body[data-screen=mi-cocoro] .summary-cta.summary-cta-locked{--btn-bg:var(--ink);box-shadow:none}body[data-screen=mi-cocoro] .summary-edit:hover{color:var(--cocoro-red);background:#b518171a}body[data-screen=piezas] .cats{max-width:min(98vw,1760px)}body[data-screen=piezas] .cat{min-width:76px}body[data-screen=piezas] .cat span{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.12;display:-webkit-box;overflow:hidden}.cta,.btn-order,.btn-line,.btn-google,.btn-ghost,.btn-danger,.btn-remove,.summary-cta,.config-back,.profile-signout,.hero-nav a,body[data-screen=home] .hero-nav a{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.config-back,.profile-signout,.btn-line,.btn-google,.btn-ghost,.btn-danger,.btn-remove{font-size:15px}.about{flex-direction:column;max-width:1040px;margin-top:40px;display:flex}#como-se-hace{scroll-margin-top:90px}.about-sec+.about-sec{border-top:1px solid #3c200e24;margin-top:64px;padding-top:40px}.about p{color:var(--ink);margin:0;font-size:16px;line-height:1.65}.about-h{font-family:var(--font-poster);letter-spacing:.01em;text-transform:uppercase;color:var(--cocoro-red);margin:0 0 16px;font-size:clamp(26px,2.8vw,34px);font-weight:400;line-height:1.05}.about-body{flex-direction:column;gap:18px;display:flex}.about-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.about-lede{max-width:820px}.about-lede .about-body p{font-size:20px;line-height:1.6}@media (width<=760px){.about-lede .about-body p{font-size:17px}}.about-photo{aspect-ratio:4/3;color:#8a7c66;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:#ffffff80;border:2px dashed #3c200e38;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.about-photo svg{width:40px;height:40px}.about-story{max-width:680px}.about-story p{font-size:17px;line-height:1.7}.about-story .story-lead{font-size:21px;font-weight:600;line-height:1.5}.about-story .story-beat{color:var(--ink);font-size:19px;font-weight:700;line-height:1.5}.about-story .story-close{font-family:var(--font-poster);letter-spacing:.01em;color:var(--ink);font-size:22px;line-height:1.25}.about-story .story-close+.story-close{margin-top:-14px}.about-story .story-sign{font-family:var(--font-poster);letter-spacing:.14em;text-transform:uppercase;color:var(--cocoro-red);font-size:15px}.about-split{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:64px;display:grid}.about-split .about-story{max-width:none}.about-aside{position:sticky;top:104px}.about-quote{background:var(--cocoro-red);box-shadow:inset 0 0 0 5px var(--cocoro-red), inset 0 0 0 7px #f7e9cad9;color:var(--cream);border-radius:5px;margin:0;padding:34px 30px 28px}.about-quote blockquote{font-family:var(--font-poster);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:32px;line-height:1.1}.about-quote figcaption{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-top:18px;font-size:12px;font-weight:700}.about-made{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.about-card{border:4px solid var(--cream);background:#fff;border-radius:5px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.about-card>div{flex-direction:column;gap:4px;display:flex}.about-ico{width:26px;height:26px;color:var(--cocoro-red);flex:none;margin-top:2px}.about-card h4,.about-steps h4{font-family:var(--font-poster);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0;font-size:19px;font-weight:400;line-height:1.1}.about-card p{color:var(--ink-soft);font-size:14px;line-height:1.5}.about-steps p{color:var(--ink-soft);font-size:15px;line-height:1.55}.about-flow{--node:64px;--cg:28px;--rg:44px;--line:#3c200e61;column-gap:var(--cg);row-gap:var(--rg);grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 0;padding:0;list-style:none;display:grid}.flow-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.flow-5{grid-area:2/4}.flow-6{grid-area:2/3}.flow-7{grid-area:2/2}.flow-8{grid-area:2/1}.flow-node{z-index:1;width:var(--node);height:var(--node);background:var(--cocoro-red);color:var(--cream);box-shadow:inset 0 0 0 3px var(--cocoro-red), inset 0 0 0 4.5px #f7e9cad9;border-radius:50%;place-items:center;margin-bottom:6px;display:grid;position:relative}.flow-node svg{width:28px;height:28px}.flow-n{background:var(--cream);width:22px;height:22px;color:var(--cocoro-red);border:2px solid var(--cocoro-red);font-family:var(--font-poster);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.flow-step h4{font-family:var(--font-poster);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0;font-size:18px;font-weight:400;line-height:1.1}.flow-step p{color:var(--ink-soft);font-size:14px;line-height:1.5}.flow-link{font-family:var(--font-body);color:var(--cocoro-red);text-underline-offset:3px;margin-top:2px;font-size:14px;font-weight:700;text-decoration:underline}.flow-link:hover{color:var(--cocoro-red-dark)}@media (width<=760px){.flow-link{grid-column:2;justify-self:start}}.flow-1:after,.flow-2:after,.flow-3:after,.flow-5:after,.flow-6:after,.flow-7:after{content:"";top:calc(var(--node) / 2 - 1px);width:calc(100% + var(--cg) - var(--node) - 20px);background:var(--line);height:2px;position:absolute}.flow-1:after,.flow-2:after,.flow-3:after{left:calc(50% + var(--node) / 2 + 8px)}.flow-5:after,.flow-6:after,.flow-7:after{right:calc(50% + var(--node) / 2 + 8px)}.flow-1:before,.flow-2:before,.flow-3:before,.flow-5:before,.flow-6:before,.flow-7:before,.flow-4:before{content:"";border:6px solid #0000;width:0;height:0;position:absolute}.flow-1:before,.flow-2:before,.flow-3:before{top:calc(var(--node) / 2 - 6px);left:calc(150% + var(--cg) - var(--node) / 2 - 12px);border-left:8px solid var(--line);border-right:0}.flow-5:before,.flow-6:before,.flow-7:before{top:calc(var(--node) / 2 - 6px);right:calc(150% + var(--cg) - var(--node) / 2 - 12px);border-right:8px solid var(--line);border-left:0}.flow-4:after{content:"";left:calc(50% + var(--node) / 2 + 8px);top:calc(var(--node) / 2 - 1px);width:calc(50% - var(--node) / 2 - 8px + var(--cg) / 2);height:calc(100% + var(--rg));border:2px solid var(--line);box-sizing:border-box;border-left:0;border-radius:0 14px 14px 0;position:absolute}.flow-4:before{left:calc(50% + var(--node) / 2 + 4px);top:calc(100% + var(--rg) + var(--node) / 2 - 6px);border-right:8px solid var(--line);border-left:0}@media (width<=760px){.about-flow{--node:52px;--rg:28px;grid-template-columns:minmax(0,1fr)}.flow-5,.flow-6,.flow-7,.flow-8{grid-area:auto}.flow-step{grid-template-columns:var(--node) minmax(0, 1fr);text-align:left;align-items:start;gap:4px 16px;display:grid}.flow-node{grid-row:span 2;margin:0}.flow-node svg{width:24px;height:24px}.flow-step h4{padding-top:6px}.flow-step:before{display:none}.flow-step:after{content:"";left:calc(var(--node) / 2 - 1px);right:auto;top:calc(var(--node) + 6px);width:2px;height:calc(100% - var(--node) - 12px + var(--rg));background:var(--line);border:0;border-radius:0;position:absolute}.flow-8:after{display:none}}.about-specs{border:4px solid var(--cream);background:#fff;border-radius:5px;margin:0}.about-specs div{border-top:1px solid #3c200e14;justify-content:space-between;align-items:baseline;gap:32px;padding:16px 22px;display:flex}.about-specs div:first-child{border-top:0}.about-specs dt{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex:none;font-size:13px;font-weight:700}.about-specs dd{text-align:right;max-width:560px;color:var(--ink);margin:0;font-size:15px;line-height:1.5}.about .about-specs-note{color:var(--ink-soft);margin-top:12px;font-size:14px}.about-ctas{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:48px;display:flex}.about-ctas .shop-order{text-decoration:none}.about-link{font-family:var(--font-body);color:var(--ink);text-underline-offset:4px;font-size:15px;font-weight:700;text-decoration:underline}.about-link:hover{color:var(--cocoro-red)}@media (width<=760px){.about-sec+.about-sec{margin-top:48px;padding-top:32px}.about-intro,.about-split{grid-template-columns:minmax(0,1fr)}.about-split{gap:36px}.about-aside{position:static}.about-intro{gap:32px}.about-specs div{flex-direction:column;gap:4px}.about-specs dd{text-align:left}}.log-back{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);align-self:flex-start;margin-bottom:14px;font-size:13px;font-weight:700;text-decoration:none}.log-back:hover{color:var(--cocoro-red)}.log-note{max-width:760px;color:var(--ink-soft);margin:8px 0 18px;font-size:16px}.log-head{background:#fff;border:1px solid #3c200e1f;border-radius:5px;align-items:center;gap:18px;max-width:760px;margin:8px 0 30px;padding:12px;display:flex}.log-thumb{background-position:50%;background-size:cover;border-radius:3px;flex:none;place-items:center;width:132px;height:96px;display:grid;overflow:hidden}.log-thumb img{object-fit:contain;width:100%;height:100%}.log-head-text{min-width:0}.log-name{font-family:var(--font-poster);text-transform:uppercase;color:var(--ink);font-size:26px;line-height:1.05}.log-code{color:var(--ink-soft);margin-top:4px;font-size:13px}.log-status{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:10px;display:flex}.log-chip{background:var(--cocoro-red);color:var(--cream);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.log-chip.is-off{background:var(--ink-soft)}.log-progress{color:var(--ink-soft);font-size:13px;font-weight:600}.log-flow{--node:56px;--gap:30px;--line:#3c200e38;row-gap:var(--gap);max-width:760px;margin:0;padding:0;list-style:none;display:grid}.log-step{--mark:var(--node);grid-template-columns:var(--node) minmax(0, 1fr);align-items:start;column-gap:18px;display:grid;position:relative}.log-step:after{content:"";left:calc(var(--node) / 2 - 1px);top:calc(var(--mark) + 6px);width:2px;height:calc(100% - var(--mark) - 12px + var(--gap));background:var(--line);position:absolute}.log-step.is-milestone{--mark:24px}.log-dot{width:var(--mark);height:var(--mark);background:var(--cocoro-red);color:var(--cream);border-radius:50%;justify-self:center;place-items:center;display:grid}.log-dot svg{width:13px;height:13px}.log-step.is-current .log-dot{background:var(--cream);box-shadow:inset 0 0 0 3px var(--cocoro-red)}.log-step.is-pending .log-dot{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.log-step.is-milestone .log-body{padding-top:1px}.log-step.is-milestone .log-title-row h4{font-size:17px}.log-step.is-done:after{background:var(--cocoro-red)}.log-step:last-child:after{display:none}.log-node{margin:0}.log-node svg{width:26px;height:26px}.log-step.is-current .log-node{background:var(--cream);color:var(--cocoro-red);box-shadow:inset 0 0 0 3px var(--cocoro-red)}.log-step.is-pending .log-node{color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.log-step.is-pending .flow-n{color:var(--ink-soft);border-color:#3c200e4d}.log-body{min-width:0;padding-top:6px}.log-title-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.log-title-row h4{font-family:var(--font-poster);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0;font-size:20px;font-weight:400;line-height:1.1}.log-step.is-pending h4{color:var(--ink-soft)}.log-state{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.log-step.is-done .log-state{color:var(--cocoro-red)}.log-step.is-current .log-state{background:var(--cocoro-red);color:var(--cream);border-radius:3px;padding:3px 7px}.log-desc{color:var(--ink-soft);margin-top:4px;font-size:14px;line-height:1.5}.log-empty{color:var(--ink-soft);margin-top:10px;font-size:14px;font-style:italic}.log-entries{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.log-entry{background:#fff;border:1px solid #3c200e1f;border-radius:5px;justify-items:start;gap:6px;padding:12px 44px 12px 14px;display:grid;position:relative}.log-date{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.log-text{color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.log-entry .flow-link{grid-column:auto;margin-top:0}.log-entry-del{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.log-entry-del:hover{color:var(--cocoro-red);background:#3c200e14}.log-entry-del svg{width:16px;height:16px}.log-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.log-done-btn{padding:11px 18px;font-size:15px}.log-add{cursor:pointer;font-family:var(--font-body);color:var(--cocoro-red);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:underline}.log-add:hover{color:var(--cocoro-red-dark)}.log-undo{color:var(--ink-soft)}.log-undo:hover{color:var(--ink)}.log-form{background:#fff;border:1px solid #3c200e1f;border-radius:5px;gap:10px;margin-top:12px;padding:14px;display:grid}.log-form textarea,.log-form input{width:100%;min-height:44px;font-family:var(--font-body);color:var(--ink);resize:vertical;background:#fffdf7;border:1px solid #3c200e38;border-radius:5px;padding:10px 12px;font-size:15px}.log-form textarea:focus,.log-form input:focus{outline:2px solid var(--coral);outline-offset:1px}.log-error{color:var(--cocoro-red);font-size:13px;font-weight:600}.log-form-actions{justify-content:flex-end;gap:10px;display:flex}.log-form-actions .shop-order{padding:11px 18px;font-size:15px}.log-field{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;display:flex}.log-field label{gap:4px;display:grid}.log-field label span,.log-fact span{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.log-field input{min-height:44px;font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #3c200e38;border-radius:5px;padding:8px 12px;font-size:15px}.log-field input:focus{outline:2px solid var(--coral);outline-offset:1px}.log-field .btn-ghost{border-radius:5px;min-height:44px}.log-fact{color:var(--ink);margin-top:10px;font-size:15px;font-weight:600}@media (width<=560px){.log-flow{--node:46px;--gap:24px}.log-step{column-gap:14px}.log-node svg{width:21px;height:21px}.log-body{padding-top:3px}.log-head{gap:14px}.log-thumb{width:96px;height:72px}.log-name{font-size:22px}}
