:root{--negro: #0a0a0b;--carbon: #141416;--carbon-2: #1c1c20;--borde: #2a2a30;--amarillo: #FFD23F;--naranja: #FF6B1A;--rojo: #E6332A;--texto: #f4f2ee;--tenue: #9a9aa2;--fuego: linear-gradient(120deg, var(--amarillo) 0%, var(--naranja) 48%, var(--rojo) 100%);--nav-h: 64px;--r: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--negro);color:var(--texto);font-family:Zen Kaku Gothic New,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none}input{font-family:inherit}::selection{background:var(--naranja);color:#000}:focus-visible{outline:2px solid var(--naranja);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.grad-text{background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:14.5px;transition:transform .18s,filter .18s}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:14px 26px;border-radius:999px;border:1px solid var(--borde);color:var(--texto);font-weight:600;font-size:14.5px;transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:var(--naranja);background:var(--carbon)}.ig-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:13.5px;transition:transform .18s,filter .18s}.ig-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.qty-btn{width:30px;height:30px;border-radius:8px;background:var(--carbon-2);border:1px solid var(--borde);color:var(--texto);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.qty-btn:hover:not(:disabled){background:var(--borde)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-num{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15px;min-width:22px;text-align:center}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,56px);background:#0a0a0bd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--borde)}.brand img{height:48px;width:auto}.nav-links{display:flex;align-items:center;justify-content:center;gap:28px}.nav-links a{font-size:14px;color:var(--tenue);transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--texto)}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.cart-btn{position:relative;padding:8px;border-radius:10px;color:var(--texto);display:flex;align-items:center;justify-content:center;transition:background .18s}.cart-btn:hover{background:var(--carbon-2)}.cart-badge{position:absolute;top:-3px;right:-3px;background:var(--naranja);color:#000;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:10px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-toggle{display:none;padding:6px;color:var(--texto);border-radius:8px;transition:background .18s}.nav-toggle:hover{background:var(--carbon-2)}.ticker{overflow:hidden;border-bottom:1px solid var(--borde);background:var(--carbon);padding:9px 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.ticker-track{display:inline-flex;gap:0;animation:marquee 35s linear infinite}.ticker-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:0 22px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue)}.ticker-dot{width:4px;height:4px;border-radius:50%;background:var(--naranja);flex-shrink:0}.hero{position:relative;display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(56px,10vw,110px) clamp(16px,4vw,56px) clamp(48px,8vw,90px);border-bottom:1px solid var(--borde);overflow:hidden}.hero-kanji{position:absolute;right:-3vw;top:50%;transform:translateY(-50%);font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:min(50vw,580px);line-height:.85;letter-spacing:-.04em;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.hero-content{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tenue);margin-bottom:20px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--naranja);box-shadow:0 0 10px var(--naranja);flex-shrink:0}.hero-h1{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(48px,9.5vw,100px);line-height:.92;letter-spacing:-.02em;margin-bottom:22px}.hero-lead{font-size:clamp(15px,2vw,18px);color:var(--tenue);max-width:480px;line-height:1.6;margin-bottom:32px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px}.hero-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:1px}.hero-stat-n{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.hero-stat-l{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--tenue)}.hero-stat-sep{width:1px;height:30px;background:var(--borde)}.hero-mosaic{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.6fr 1fr;gap:10px;height:clamp(320px,45vw,500px)}.mosaic-item{border-radius:12px;overflow:hidden;background:var(--carbon-2);border:1px solid var(--borde)}.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mosaic-item:hover img{transform:scale(1.04)}.mosaic-0{grid-row:1 / 3}.catalogo{max-width:1260px;margin:0 auto;padding:clamp(48px,8vw,90px) clamp(16px,4vw,56px)}.cat-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:28px}.cat-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(26px,5vw,40px);letter-spacing:-.01em}.cat-conteo{color:var(--tenue);font-size:14px;margin-top:6px}.cat-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.buscador{display:flex;align-items:center;gap:9px;background:var(--carbon);border:1px solid var(--borde);border-radius:999px;padding:9px 16px;min-width:180px;transition:border-color .2s}.buscador:focus-within{border-color:var(--naranja)}.buscador svg{flex-shrink:0;color:var(--tenue)}.buscador input{background:none;border:0;outline:0;color:var(--texto);font-size:13.5px;width:100%}.buscador input::placeholder{color:var(--tenue)}.vista-toggle{display:flex;align-items:center;background:var(--carbon);border:1px solid var(--borde);border-radius:10px;padding:3px;gap:2px}.vista-btn{padding:6px 8px;border-radius:7px;color:var(--tenue);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.vista-btn:hover{color:var(--texto)}.vista-btn.activo{background:var(--carbon-2);color:var(--naranja)}.filtros{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}.chip{padding:8px 18px;border-radius:999px;border:1px solid var(--borde);background:var(--carbon);color:var(--tenue);font-size:13.5px;font-weight:500;transition:all .18s;white-space:nowrap}.chip:hover{color:var(--texto);border-color:#3a3a42}.chip.activo{background:var(--fuego);color:#111;border-color:transparent;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.grid-vacio{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--tenue);font-size:15px}.card{background:var(--carbon);border:1px solid var(--borde);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);border-color:#3a3a42;box-shadow:0 20px 44px -20px #ff6b1a73}.card.agotado{opacity:.6}.card-img{position:relative;aspect-ratio:1 / 1;background:var(--carbon-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease,transform .4s ease}.card-img img.activa{opacity:1}.card:hover .card-img img.activa{transform:scale(1.06)}.card-ph{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:68px;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.45}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,10,11,.82) 0%,transparent 55%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;opacity:0;transition:opacity .22s}.card:hover .card-overlay{opacity:1}.card-overlay-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:999px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:13px;transform:translateY(6px);transition:transform .22s}.card:hover .card-overlay-btn{transform:translateY(0)}.badge-agotado,.badge-opciones{position:absolute;top:10px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#0a0a0bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--borde)}.badge-agotado{left:10px;color:var(--tenue)}.badge-opciones{right:10px;color:var(--texto)}.card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:5px}.card-cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--naranja);font-weight:700}.card-nombre{font-weight:500;font-size:14.5px;line-height:1.35;flex:1}.card-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a0be0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:var(--carbon);border:1px solid var(--borde);border-radius:22px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:translateY(18px) scale(.97);transition:transform .25s}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-img-wrap{position:relative;aspect-ratio:4 / 3;background:var(--carbon-2);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px 20px 0 0}.modal-imgs{position:absolute;top:0;right:0;bottom:0;left:0}.modal-imgs img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .35s ease}.modal-imgs img.activa{opacity:1}.modal-ph{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:96px;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.45}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;border-radius:50%;background:#0a0a0b99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--borde);color:var(--texto);display:flex;align-items:center;justify-content:center;transition:background .18s}.modal-nav:hover{background:var(--carbon-2)}.modal-nav.prev{left:12px}.modal-nav.next{right:12px}.modal-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:5px 10px;border-radius:999px;background:#0a0a0b73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-dot{width:6px;height:6px;border-radius:50%;border:0;padding:0;background:#ffffff59;cursor:pointer;transition:background .18s,transform .18s}.modal-dot.activo{background:var(--naranja);transform:scale(1.35)}.modal-close{position:absolute;top:12px;right:12px;z-index:6;width:34px;height:34px;border-radius:50%;background:#0a0a0bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--borde);color:var(--texto);display:flex;align-items:center;justify-content:center;transition:background .18s}.modal-close:hover{background:var(--carbon-2)}.modal-body{padding:22px 24px 26px}.modal-cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--naranja);font-weight:700;margin-bottom:7px}.modal-nombre{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:22px;line-height:1.2;margin-bottom:10px}.modal-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:28px;margin-bottom:6px}.modal-precio small{font-size:13px;color:var(--tenue);font-weight:500;font-family:Zen Kaku Gothic New,sans-serif}.modal-stock{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;margin-bottom:18px}.modal-stock.hay{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.modal-stock.no{background:#9a9aa21a;color:var(--tenue);border:1px solid var(--borde)}.modal-variantes{margin-bottom:16px}.modal-var-label{font-size:13px;color:var(--tenue);margin-bottom:9px}.modal-var-label strong{color:var(--texto);font-weight:700}.modal-var-grid{display:flex;flex-wrap:wrap;gap:8px}.var-swatch{width:54px;height:54px;border-radius:10px;overflow:hidden;border:2px solid var(--borde);background:var(--carbon-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s,opacity .18s}.var-swatch img{width:100%;height:100%;object-fit:cover}.var-ph{font-size:18px;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.6}.var-swatch:hover{border-color:#3a3a42}.var-swatch.activo{border-color:var(--naranja)}.var-swatch.sinstock{opacity:.38}.modal-desc{color:var(--tenue);font-size:14px;line-height:1.65;margin-bottom:18px}.modal-sep{border:0;height:1px;background:var(--borde);margin:18px 0}.modal-qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-qty-label{font-size:13.5px;color:var(--tenue);font-weight:500}.modal-qty-ctrl{display:flex;align-items:center;gap:10px}.qty-aviso{font-size:12px;color:var(--rojo);margin-bottom:12px}.qty-aviso-full{font-size:13px;color:var(--tenue);padding:10px 0}.btn-carrito{width:100%;padding:14px;border-radius:13px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:9px;transition:filter .18s,transform .18s}.btn-carrito:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-carrito:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a0a0bb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:absolute;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:1;background:var(--carbon);border-left:1px solid var(--borde);display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.cart-overlay.open .cart-drawer{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--borde);flex-shrink:0}.cart-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:18px}.cart-count{font-size:14px;font-weight:500;color:var(--tenue)}.cart-cerrar{color:var(--tenue);padding:4px 8px;border-radius:8px;display:flex;align-items:center;transition:background .15s,color .15s}.cart-cerrar:hover{background:var(--carbon-2);color:var(--texto)}.cart-items{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:16px}.cart-vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--tenue);text-align:center;padding:40px}.cart-vacio p{font-weight:600;font-size:15px}.cart-vacio small{font-size:13px}.cart-item{display:flex;gap:14px;align-items:flex-start}.cart-item-img{width:62px;height:62px;border-radius:10px;background:var(--carbon-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--borde)}.cart-item-img img{width:100%;height:100%;object-fit:cover}.item-ph{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:22px;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55}.cart-item-info{flex:1;min-width:0}.cart-item-nombre{font-size:13.5px;font-weight:500;line-height:1.35;margin-bottom:4px}.cart-item-nombre span{color:var(--tenue);font-weight:400}.cart-item-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:13.5px;color:var(--naranja);margin-bottom:8px}.cart-item-ctrl{display:flex;align-items:center;gap:8px}.cart-item-del{color:var(--tenue);padding:5px;border-radius:7px;display:flex;align-items:center;align-self:center;margin-left:auto;transition:color .15s,background .15s}.cart-item-del:hover{color:var(--rojo);background:#e6332a1a}.cart-footer{border-top:1px solid var(--borde);padding:18px 22px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.cart-total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--tenue)}.cart-total-valor{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px;color:var(--texto)}.cart-pagar-btn{width:100%;padding:14px;border-radius:13px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:16px;transition:filter .18s,transform .18s}.cart-pagar-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--negro);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .25s}.checkout-overlay.open{opacity:1;pointer-events:all}.checkout-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,56px);background:#0a0a0be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--borde)}.ck-logo{height:44px;width:auto}.checkout-volver{border:1px solid var(--borde);color:var(--tenue);font-size:13.5px;padding:8px 16px;border-radius:999px;font-family:inherit;display:flex;align-items:center;gap:5px;transition:all .18s}.checkout-volver:hover{color:var(--texto);border-color:#3a3a42}.checkout-body{max-width:1000px;margin:0 auto;padding:40px clamp(16px,4vw,56px) 80px;display:grid;grid-template-columns:1fr 360px;gap:48px}.ck-section{margin-bottom:26px}.ck-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:17px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--borde)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field label{font-size:12.5px;color:var(--tenue);font-weight:500}.form-field input{background:var(--carbon-2);border:1px solid var(--borde);border-radius:11px;padding:11px 14px;color:var(--texto);font-size:14.5px;outline:0;transition:border-color .18s}.form-field input:focus{border-color:var(--naranja)}.form-field input::placeholder{color:#4a4a52}.envio-opts{display:flex;flex-direction:column;gap:9px}.envio-opt{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;border:1px solid var(--borde);background:var(--carbon-2);cursor:pointer;transition:border-color .18s,background .18s}.envio-opt.activo{border-color:var(--naranja);background:#ff6b1a12}.envio-opt input[type=radio]{accent-color:var(--naranja);width:15px;height:15px;flex-shrink:0;cursor:pointer}.envio-opt-info{flex:1}.envio-opt-nombre{font-weight:600;font-size:14px}.envio-opt-desc{font-size:12px;color:var(--tenue);margin-top:2px}.envio-opt-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:14px;white-space:nowrap}.envio-opt-precio.gratis{color:#4ade80}.ck-submit{width:100%;padding:15px;border-radius:13px;background:#25d366;color:#0a0a0b;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .18s,transform .18s}.ck-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.resumen-box{background:var(--carbon);border:1px solid var(--borde);border-radius:16px;padding:22px;position:sticky;top:80px}.resumen-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15.5px;margin-bottom:16px}.resumen-items{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.res-item{display:flex;gap:11px;align-items:flex-start}.res-item-img{width:50px;height:50px;border-radius:8px;background:var(--carbon-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--borde);position:relative}.res-item-img img{width:100%;height:100%;object-fit:cover}.res-item-qty{position:absolute;top:-5px;right:-5px;background:var(--tenue);color:#000;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:10px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.res-item-info{flex:1}.res-item-nombre{font-size:12.5px;font-weight:500;line-height:1.3}.res-item-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:12.5px;color:var(--tenue);margin-top:3px}.resumen-sep{border:0;height:1px;background:var(--borde);margin:13px 0}.resumen-fila{display:flex;justify-content:space-between;font-size:14px;margin-bottom:7px}.resumen-fila span:first-child{color:var(--tenue)}.resumen-fila.total{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:18px;margin-top:4px}.confirm-screen{max-width:500px;margin:60px auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.confirm-icon{margin-bottom:20px}.confirm-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:28px;margin-bottom:10px}.confirm-sub{color:var(--tenue);max-width:400px;line-height:1.6;margin-bottom:28px}.btn-wa-full{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:380px;padding:14px 28px;border-radius:13px;background:#25d366;color:#0a0a0b;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15px;margin-bottom:14px;transition:filter .18s,transform .18s}.btn-wa-full:hover{filter:brightness(1.06);transform:translateY(-1px)}.howto{padding:clamp(56px,9vw,100px) clamp(16px,4vw,56px);border-top:1px solid var(--borde);background:var(--carbon)}.howto-inner{max-width:1100px;margin:0 auto}.howto-head{margin-bottom:clamp(40px,6vw,64px)}.howto-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(26px,5vw,40px);letter-spacing:-.01em;margin-bottom:10px}.howto-sub{color:var(--tenue);font-size:16px;max-width:440px;line-height:1.55}.howto-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);margin-bottom:36px;position:relative}.howto-pasos:before{content:"";position:absolute;top:46px;left:calc(50% / 3);right:calc(50% / 3);height:1px;background:var(--borde);z-index:0}.paso{position:relative;z-index:1}.paso-num{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(52px,8vw,80px);line-height:1;background:var(--fuego);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em;margin-bottom:14px;display:inline-block}.paso-linea{height:1px;background:var(--borde);margin-bottom:18px;display:none}.paso-titulo{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:18px;margin-bottom:10px}.paso-desc{color:var(--tenue);font-size:14px;line-height:1.65}.howto-nota{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-radius:13px;border:1px solid var(--borde);background:var(--negro);color:var(--tenue);font-size:14px}.howto-nota strong{color:var(--texto)}.howto-nota svg{flex-shrink:0;color:var(--naranja)}.footer{border-top:1px solid var(--borde);padding:clamp(44px,7vw,80px) clamp(16px,4vw,56px) 36px}.footer-inner{max-width:1100px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(32px,5vw,64px)}.footer-logo{height:52px;width:auto;margin-bottom:12px}.footer-slogan{color:var(--tenue);font-size:14px;margin-bottom:18px}.footer-links,.footer-info{display:flex;flex-direction:column;gap:10px;padding-top:8px}.footer-links h4,.footer-info h4{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--tenue);margin-bottom:4px}.footer-links a{font-size:14.5px;color:var(--tenue);transition:color .2s}.footer-links a:hover{color:var(--texto)}.footer-info p{font-size:14px;color:var(--tenue);line-height:1.5}.footer-legal{max-width:1100px;margin:0 auto;color:#5a5a62;font-size:12.5px;border-top:1px solid var(--borde);padding-top:22px}.list-view{display:flex;flex-direction:column;gap:10px}.list-card{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:18px;background:var(--carbon);border:1px solid var(--borde);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;padding:14px}.list-card:hover{border-color:#3a3a42;box-shadow:0 8px 28px -12px #ff6b1a59;transform:translate(3px)}.list-card.agotado{opacity:.6}.list-card-img{width:88px;height:88px;border-radius:10px;overflow:hidden;background:var(--carbon-2);border:1px solid var(--borde);flex-shrink:0;display:flex;align-items:center;justify-content:center}.list-card-img img{width:100%;height:100%;object-fit:cover}.list-card-info{flex:1;min-width:0}.list-card-nombre{font-weight:600;font-size:15px;line-height:1.35;margin-top:4px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-card-desc{font-size:12.5px;color:var(--tenue);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.list-card-precio{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:18px;white-space:nowrap}.list-card-btn{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:var(--fuego);color:#111;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:12.5px;white-space:nowrap;transition:filter .18s}.list-card-btn.sin-stock{background:var(--carbon-2);color:var(--tenue);border:1px solid var(--borde)}.list-card:hover .list-card-btn:not(.sin-stock){filter:brightness(1.1)}.modal-box{scrollbar-width:thin;scrollbar-color:var(--naranja) transparent}.modal-box::-webkit-scrollbar{width:3px}.modal-box::-webkit-scrollbar-track{background:transparent}.modal-box::-webkit-scrollbar-thumb{background:var(--naranja);border-radius:999px}@media (max-width: 1024px){.checkout-body{grid-template-columns:1fr 300px;gap:32px}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.hero-mosaic{display:grid;height:200px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.mosaic-0{grid-row:1}.howto-pasos{grid-template-columns:1fr;gap:28px}.howto-pasos:before{display:none}.checkout-body{grid-template-columns:1fr}.ck-right{order:-1}.resumen-box{position:static}.form-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1 / -1}}@media (max-width: 640px){:root{--nav-h: 60px}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:var(--negro);border-bottom:1px solid var(--borde);padding:6px 0 12px;transform:translateY(-110%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:40;pointer-events:none}.nav-links.open{transform:translateY(0);pointer-events:all}.nav-links a{padding:14px 24px;width:100%;font-size:15px;color:var(--texto);border-bottom:1px solid var(--borde)}.nav-links a:last-child{border-bottom:0}.nav{padding:0 16px}.nav-toggle{display:flex}.hero{padding-top:44px;padding-bottom:40px}.hero-mosaic,.hero-kanji{display:none}.hero-h1{font-size:clamp(40px,12vw,64px)}.hero-cta{flex-direction:column}.hero-cta .btn-primary,.hero-cta .btn-ghost{width:100%;justify-content:center}.hero-stats{gap:14px}.cat-header{flex-direction:column;align-items:flex-start;gap:14px}.buscador{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-nombre{font-size:13px}.card-precio{font-size:17px}.modal-box{border-radius:18px 18px 0 0;max-height:95vh}.modal-overlay{align-items:flex-end;padding:0}.cart-drawer{width:100vw}.checkout-body{padding-top:24px;padding-bottom:60px}.form-row{grid-template-columns:1fr}.howto-pasos{gap:20px}.paso-num{font-size:clamp(44px,14vw,64px)}.footer-inner{grid-template-columns:1fr;gap:24px}}@media (max-width: 380px){.hero-h1{font-size:38px}.card{padding:8px 8px 10px}.card-nombre{font-size:12px;line-height:1.3}.card-precio{font-size:15px}.card-cat{font-size:10px}.grid{gap:8px}}@media (max-width: 640px){.list-card{grid-template-columns:70px 1fr;grid-template-rows:auto auto}.list-card-right{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--borde)}.list-card-nombre{font-size:13.5px}.cat-controls{width:100%}.buscador{flex:1;min-width:0}.nav{grid-template-columns:1fr auto}.nav-links{display:none}.nav-links.open{display:flex;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:var(--negro);border-bottom:1px solid var(--borde);padding:6px 0 12px;z-index:40}}