/* Local iteration 01. Surface/spacing reference: OpenDesign Cloud / Fey. */
body{overflow-x:clip}
.header-row{height:auto!important;min-height:76px;padding-block:12px}
.main-nav{gap:0!important}.main-nav a{padding-inline:8px!important;font-size:13px!important}
.compare-bar:not(.show){display:none}
html[data-theme="fire"] .btn-primary{background:linear-gradient(120deg,#b9380b,#c44f08);box-shadow:0 8px 25px #f45b2726}
html[data-theme="green"] .btn-primary{background:linear-gradient(120deg,#166b32,#247438);box-shadow:0 8px 25px #59ed7326}
html[data-theme="fire"] .hero h1 em,html[data-theme="green"] .hero h1 em{background:none;-webkit-text-fill-color:var(--blue)}
html[data-theme="fire"],html[data-theme="green"]{color-scheme:dark;--bg-0:#0b0b0b;--bg-1:#141416;--bg-2:#1a1b20;--bg-3:#24252a;--text-1:#f6f4f1;--text-2:#c1bcc0;--text-3:#a29ca4;--line:#393438;--blue:#ff8748;--blue-solid:#bc3e0b;--blue-dim:#412316;--lime:#7ee19c;--lime-bg:#153622;--glass-bg:#19191cdd;--glass-bg-strong:#19191cf5;--glass-border:#ffffff24;--shadow-1:0 4px 24px #0005;--shadow-2:0 24px 56px #0008;--glow-soft:0 12px 40px -12px #f65b2633;--glow-strong:0 0 0 1px #ff874838,0 24px 64px -16px #ff5a202b}
html[data-theme="green"]{--blue:#7ce881;--blue-solid:#187c37;--blue-dim:#183821;--glow-soft:0 12px 40px -12px #53ff7633;--glow-strong:0 0 0 1px #7ce88138,0 24px 64px -16px #53ff762b}
html[data-theme="fire"] body,html[data-theme="green"] body{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 48%),var(--bg-0);background-attachment:fixed}
html[data-theme="light"]{color-scheme:light;--bg-0:#fff}
html[data-theme="futuristic"]{color-scheme:dark}
.theme-select{max-width:155px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg-2);color:var(--text-1);font:600 12px Inter,sans-serif}
.theme-select:focus-visible,.catalog-day:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.catalog-day{white-space:nowrap;color:var(--blue);font-weight:700}
.header-row{flex-wrap:wrap}.header-actions{margin-left:auto}.main-nav{flex-wrap:wrap}
.hero h1 em{color:var(--blue)}
html[data-theme="fire"] .hero-badge-pill,html[data-theme="green"] .hero-badge-pill{background:var(--bg-2);color:var(--text-2);border-color:var(--line)}
html[data-theme="fire"] .mesh-blob,html[data-theme="green"] .mesh-blob{background:var(--blue);opacity:.09}
.mt-game-art{filter:drop-shadow(0 8px 8px #0005)}
.steve-link{position:fixed;bottom:20px;left:128px;z-index:90;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 4px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--text-1);font-size:12px;font-weight:600;box-shadow:var(--shadow-1)}
.steve-link img{width:auto;height:64px;animation:game-bob 3s ease-in-out infinite}.mt-off .steve-link{display:none}
@keyframes game-bob{50%{transform:translateY(-5px)}}
@media(max-width:700px){.theme-select{max-width:133px;font-size:11px}.header-actions{gap:6px}.header-row{gap:10px}.steve-link{left:82px;bottom:12px;padding-right:8px}.hero-cta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#particle-canvas{display:none}}
.mobile-nav:not(.open){visibility:hidden;transform:none;pointer-events:none}
html,body{overflow-x:hidden}.hero .container>div{min-width:0}@media(max-width:700px){.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>.container{display:flex;flex-direction:column}.hero-media{order:2}.hero h1{margin-top:24px}.steve-link{bottom:92px;left:8px}.main-nav{display:none}}
/* Steve en 3D: el dibujo plano se oculta y el lienzo 3D (mascotas3d.js) lo dibuja encima */
.steve-link.mt-3d img{opacity:0;width:64px;height:84px;animation:none}
@media(max-width:700px){.steve-link.mt-3d img{width:50px;height:66px}}
.steve-link.mt-3d{background:transparent;border-color:transparent;box-shadow:none;gap:2px}
.steve-link.mt-3d span{padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);box-shadow:var(--shadow-1)}
/* Botón único que cambia los 4 fondos al hacer clic (la bolita avanza 4 posiciones) */
.theme-switch{width:64px;cursor:pointer}
.theme-switch .ico-sun{display:none!important}.theme-switch .ico-nova{display:block!important}
.theme-switch .theme-switch-thumb{transform:translateX(calc(var(--step,0)*14px));color:#5b21b6}
.theme-switch[data-step="0"]{--step:0}.theme-switch[data-step="1"]{--step:1}.theme-switch[data-step="2"]{--step:2}.theme-switch[data-step="3"]{--step:3}
.theme-switch[data-step="0"] .theme-switch-track{background:linear-gradient(90deg,#b9380b,#ff8748);border-color:transparent}
.theme-switch[data-step="1"] .theme-switch-track{background:linear-gradient(90deg,#7c3aed,#2563eb);border-color:transparent}
.theme-switch[data-step="2"] .theme-switch-track{background:linear-gradient(90deg,#166b32,#7ce881);border-color:transparent}
.theme-switch[data-step="3"] .theme-switch-track{background:linear-gradient(90deg,#e2e8f0,#fff);border-color:#cbd5e1}
.theme-switch:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:100px}