:root{--color-primary:#0F0F23;--color-on-primary:#FFFFFF;--color-secondary:#1E1B4B;--color-on-secondary:#FFFFFF;--color-accent:#E11D48;--color-on-accent:#FFFFFF;--color-background:#000000;--color-foreground:#F8FAFC;--color-card:#0C0C0D;--color-card-foreground:#F8FAFC;--color-muted:#181818;--color-muted-foreground:#94A3B8;--color-border:#312E81;--color-destructive:#EF4444;--color-on-destructive:#FFFFFF;--color-ring:#E11D48;--bg:#000000;--bg-elevated:#0A0A0C;--surface:#0C0C0D;--surface-dim:#08080A;--surface-bright:#1A1A1F;--surface-container:#121215;--surface-container-low:#0E0E11;--surface-container-high:#1A1A1F;--surface-container-highest:#242429;--surface-container-lowest:#060607;--surface-variant:#1E1E24;--surface-tint:#E11D48;--surface-charcoal:#0A0A0C;--surface-navy:#08080A;--primary:#E11D48;--primary-hover:#BE123C;--primary-active:#9F1239;--primary-container:#E11D48;--on-primary:#FFFFFF;--on-primary-container:#FFFFFF;--primary-fixed:#FFD7DD;--primary-fixed-dim:#FFA3B0;--inverse-primary:#450A0F;--secondary:#818CF8;--secondary-container:#6366F1;--on-secondary:#FFFFFF;--on-secondary-container:#E0E7FF;--secondary-fixed:#C7D2FE;--secondary-fixed-dim:#A5B4FC;--tertiary:#F59E0B;--tertiary-container:#D97706;--on-tertiary:#1A1A1A;--on-tertiary-container:#78350F;--tertiary-fixed:#FCD34D;--tertiary-fixed-dim:#FBBF24;--error:#EF4444;--error-container:#7F1D1D;--on-error:#FFFFFF;--on-error-container:#FECACA;--status-error:#EF4444;--status-success:#22C55E;--status-warning:#F59E0B;--status-info:#3B82F6;--on-surface:#F8FAFC;--on-surface-variant:#CBD5E1;--on-background:#F8FAFC;--text:#F8FAFC;--text2:#CBD5E1;--text-muted:#94A3B8;--text-placeholder:#64748B;--outline:#312E81;--outline-variant:#1E1B4B;--inverse-surface:#F8FAFC;--inverse-on-surface:#0A0A0C;--glass-border:rgba(255,255,255,0.08);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.16);--border-accent:rgba(225,29,72,0.30);--border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.10);--glass-blur:16px;--glass-saturation:180%;--red:#E11D48;--red2:#E11D48;--red-dim:#9F1239;--red-glow:rgba(225,29,72,0.45);--red-glow2:rgba(225,29,72,0.15);--grad-red:linear-gradient(135deg,#E11D48,#9F1239);--shadow-red-sm:0 2px 10px rgba(225,29,72,0.25);--shadow-red-md:0 4px 16px rgba(225,29,72,0.35);--shadow-red-lg:0 8px 28px rgba(225,29,72,0.50);--green:#22C55E;--green-glow:rgba(34,197,94,0.10);--silver:#F8FAFC;--silver2:#E2E8F0;--silver-dim:#94A3B8;--muted:#64748B;--muted2:#94A3B8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 1px 3px rgba(0,0,0,0.5),0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.6),0 4px 6px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px rgba(0,0,0,0.7),0 8px 10px rgba(0,0,0,0.5);--shadow-glow-accent:0 0 30px rgba(225,29,72,0.25);--shadow-glow-success:0 0 20px rgba(34,197,94,0.25);--font-display:'Montserrat',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;--font-mono:'JetBrains Mono','SF Mono','Courier New',monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:0.15s var(--ease-out);--duration-normal:0.2s;--duration-slow:0.3s;--container-max:1280px;--container-max-alt:1024px;--gutter:24px;--topbar-h:64px;--sidebar-w:256px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.skeleton .skel-img,.skeleton .skel-line,.skeleton .skel-btn{animation:none !important;opacity:0.5}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--on-surface);background:var(--bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}input,select,textarea{font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}@keyframes skeleton-pulse{0%{opacity:.3}50%{opacity:.6}100%{opacity:.3}}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fabFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes badgePulse{0%,100%{box-shadow:0 0 20px rgba(225,29,72,0.4)}50%{box-shadow:0 0 35px rgba(225,29,72,0.7)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.22)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::selection{background:rgba(225,29,72,0.30);color:var(--text)}.txt-red{color:var(--primary)}.txt-green{color:var(--status-success)}.txt-white{color:var(--text)}.f-green{color:var(--status-success);font-weight:700}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,0.80);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle);height:var(--topbar-h)}.header-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 32px}.header-inner > *{display:contents}.logo{display:flex;align-items:center;gap:2px;text-decoration:none;flex-shrink:0;transition:opacity var(--transition-fast)}.logo:hover{opacity:0.85}.logo-img{display:block;height:88px;width:auto;margin-top:0}.logo-ken,.logo-store{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px}.logo-store{color:var(--primary)}.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--red-glow);margin:0 3px;animation:pulse 2s ease-in-out infinite}.header-right{display:flex;align-items:center;gap:12px}.nav-combos,a.volver,.link-simple{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text2);padding:8px 14px;border-radius:var(--radius-sm);background:none;border:1px solid transparent;transition:all var(--transition-fast)}.nav-combos:hover,a.volver:hover,.link-simple:hover{color:var(--primary);background:rgba(225,29,72,0.06)}.cuenta-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:600;color:var(--text2);transition:all var(--transition-fast);padding:4px 10px;border-radius:var(--radius-full)}.cuenta-link:hover{color:var(--text);background:rgba(255,255,255,0.05)}.cuenta-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-bright);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--primary)}.cuenta-nombre{font-size:13px}@media(max-width:768px){.cuenta-nombre{display:none}}.carrito-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text);padding:8px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);position:relative}.carrito-btn:hover{background:rgba(255,255,255,0.06);color:var(--primary)}.carrito-btn .material-symbols-outlined{font-size:24px;color:inherit;font-variation-settings:'FILL' 0,'wght' 400}.carrito-badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;font-family:var(--font-display);border:2px solid var(--bg);box-shadow:0 0 8px rgba(225,29,72,0.4)}.carrito-badge.bump{animation:bump .35s ease}.btn-filtros-mobile{display:none !important}body{padding-top:var(--topbar-h)}.layout{display:flex;max-width:var(--container-max);margin:0 auto;align-items:flex-start}.sidebar{position:fixed;left:0;top:var(--topbar-h);width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));background:var(--surface-dim);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:24px;overflow-y:auto;z-index:40}@media(max-width:1024px){.sidebar{position:fixed;inset:0 0 0 auto;z-index:95;width:min(320px,85vw);max-height:100vh;top:0;background:var(--surface-dim);transform:translateX(100%);transition:transform 0.3s var(--ease-out)}.sidebar.open{transform:translateX(0)}}.sidebar-block{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.sidebar-block-label{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--primary);margin-bottom:4px}.sidebar-block-label:after{content:'';display:block;width:100%;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 14px;transition:border-color var(--transition-fast)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(225,29,72,0.12)}.search-icon{font-size:16px;flex-shrink:0;color:var(--text-muted)}#buscador{flex:1;background:transparent;border:none;outline:none;padding:12px 0;color:var(--text);font-size:14px}#buscador::placeholder{color:var(--text-placeholder)}#buscador:focus{outline:none;box-shadow:none}.sugerencias-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:100;max-height:320px;overflow-y:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 8px 24px rgba(0,0,0,.45)}.sugerencia-item{padding:10px 16px;font-size:13px;color:var(--text);cursor:pointer;transition:background var(--transition-fast)}.sugerencia-item:hover,.sugerencia-item.activa{background:var(--primary-bg-hover,#2a1018)}.sugerencia-item .search-highlight{background:rgba(225,29,72,.18);color:var(--primary);font-weight:600;border-radius:2px;padding:0 1px}.sug-precio{color:var(--muted);font-size:12px}.filtros{display:flex;flex-direction:column;gap:4px}.filtro-btn{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;transition:all var(--transition-fast);border-right:3px solid transparent;position:relative}.filtro-btn:hover{background:rgba(255,255,255,0.04)}.filtro-btn:hover .fico{color:var(--primary)}.filtro-btn.active{background:rgba(225,29,72,0.10);color:var(--primary);border-right-color:var(--primary)}.fico{font-size:16px;flex-shrink:0;transition:color .2s}.flabel{flex:1;text-align:left}.fc{font-size:11px;font-weight:700;color:var(--muted);min-width:24px;text-align:right;font-family:var(--font-mono)}.filtro-btn.active .fc{color:var(--primary)}.controles-extra{display:flex;flex-direction:column;gap:12px}.toggle-disponibles{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text2);font-weight:600;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.toggle-disponibles input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:38px;height:20px;border-radius:var(--radius-full);background:var(--surface-container-high);border:1px solid var(--border-default);position:relative;transition:background .2s;flex-shrink:0}.toggle-disponibles input:checked + .toggle-track{background:rgba(225,29,72,0.25);border-color:var(--primary)}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-muted);position:absolute;top:1px;left:1px;transition:transform .2s,background .2s}.toggle-disponibles input:checked + .toggle-track .toggle-thumb{transform:translateX(18px);background:var(--primary)}.orden-wrap{display:flex;flex-direction:column;gap:6px}.orden-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono)}#select-orden{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-size:12px;outline:none;cursor:pointer;appearance:auto;transition:border-color var(--transition-fast)}#select-orden:focus{border-color:var(--primary)}.btn-filtros-mobile{display:none;align-items:center;gap:6px;background:var(--surface-container);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:600;color:var(--text);transition:all var(--transition-fast)}.btn-filtros-mobile:hover{border-color:var(--primary)}@media(max-width:1024px){.btn-filtros-mobile{display:flex !important}}.btn-filtros-mobile.con-filtros{border-color:var(--primary);color:var(--primary)}.main-content{flex:1;margin-left:var(--sidebar-w);min-width:0;padding:32px 40px;overflow-x:hidden;container-type:inline-size}@media(max-width:1024px){.main-content{margin-left:0;padding:16px}}.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);height:300px;margin-bottom:48px;max-width:100%;padding:0;box-shadow:var(--shadow-lg)}@media(min-width:768px){.hero{height:380px}}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(225,29,72,.25),rgba(37,99,235,.15),rgba(245,158,11,.1));opacity:.35;z-index:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--bg),rgba(0,0,0,.35),transparent);z-index:1}.hero-eyebrow{position:relative;z-index:2;display:inline-block;background:var(--primary);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;padding:5px 14px;border-radius:var(--radius-full);width:fit-content;margin-bottom:16px;box-shadow:0 0 20px rgba(225,29,72,0.35);animation:badgePulse 2s ease-in-out infinite}.hero h1{position:relative;z-index:2;font-family:var(--font-display);font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:16px}@media(min-width:768px){.hero h1{font-size:48px;line-height:1.15}}.hero-sub{position:relative;z-index:2;font-size:16px;line-height:1.6;color:var(--text2);margin-bottom:32px;max-width:512px}.hero-actions{position:relative;z-index:2;display:flex;gap:12px}.hero-stats{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.hero-search{max-width:480px}.hero-search #buscador{padding:14px 0;font-size:15px}.hero-container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px);max-width:700px;box-sizing:border-box}@media(max-width:1024px){.hero-container{padding:clamp(16px,4vw,48px) clamp(16px,4vw,48px);max-width:100%}}@media(min-width:1025px){body:has(> .layout > .sidebar) > section.hero{margin-left:var(--sidebar-w);max-width:calc(100% - var(--sidebar-w))}}@media(max-width:1024px){body:has(> .layout > .sidebar) > section.hero{margin-left:0;max-width:100%}}.info-pill{font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;letter-spacing:.08em;text-transform:uppercase}.info-pill.green{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);color:var(--status-success)}.info-pill.red{background:rgba(225,29,72,.10);border:1px solid rgba(225,29,72,.25);color:var(--primary)}.info-update{font-size:11px;color:var(--muted);font-family:var(--font-mono);white-space:nowrap}.led-inline{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.led-inline.red{background:var(--status-error);box-shadow:0 0 8px var(--status-error)}.led{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.led.no{background:var(--status-error);box-shadow:0 0 8px var(--status-error)}.filter-pills-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:32px;scroll-snap-type:x mandatory}.filter-pills-row::-webkit-scrollbar{height:0}.filter-pill{background:var(--surface-container);border:1px solid var(--border-subtle);padding:8px 18px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:var(--text2);cursor:pointer;transition:all var(--transition-fast);scroll-snap-align:start}.filter-pill:hover{background:rgba(255,255,255,0.04);color:var(--primary);border-color:var(--primary)}.filter-pill.active{background:var(--primary);color:var(--text);border-color:var(--primary);box-shadow:0 0 14px rgba(225,29,72,0.30)}.glass-card{background:rgba(12,12,13,0.65);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid var(--border-default)}.glow-hover:hover{box-shadow:var(--shadow-glow-accent);border-color:var(--primary)}.grid{display:grid;grid-template-columns:1fr;gap:24px}@container (min-width:500px){.grid{grid-template-columns:repeat(2,1fr)}}@container (min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}@container (min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid{grid-template-columns:repeat(4,1fr)}}.grid-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.conteo{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.skeleton{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.skeleton.combo .skel-img{background:linear-gradient(90deg,var(--surface-bright) 25%,var(--surface-container-high) 50%,var(--surface-bright) 75%);background-size:200% 100%;animation:skeleton-pulse 1.8s ease-in-out infinite,skeleton-shimmer 1.5s infinite linear}.skeleton .skel-img{aspect-ratio:4/3;background:var(--surface-bright);animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton.combo .skel-badge{position:absolute;top:8px;right:12px;width:60px;height:20px;border-radius:var(--radius-sm);background:var(--surface-bright);animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton .skel-badge{display:none}.skel-body{padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-container)}.skel-line{height:14px;border-radius:6px;background:var(--surface-bright);animation:skeleton-pulse 1.8s ease-in-out infinite}.skel-line.short{width:60%}.skel-btn{height:34px;border-radius:var(--radius-sm);background:var(--surface-bright);animation:skeleton-pulse 1.8s ease-in-out infinite;margin-top:6px}.card{position:relative;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s var(--ease-out),box-shadow 0.3s var(--ease-out),border-color 0.3s var(--ease-out);background:rgba(12,12,13,0.70);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid var(--border-default)}.card:hover{transform:translateY(-8px);box-shadow:0 0 40px rgba(225,29,72,0.5),var(--shadow-xl);border-color:var(--border-accent)}.card.en-carrito{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 4px 16px rgba(225,29,72,0.20)}.card-indicator{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface-dim);border-bottom:1px solid var(--border-subtle)}.card-indicator .led{width:7px;height:7px;border-radius:50%}.card-indicator .led.ok{background:var(--status-success);box-shadow:0 0 6px var(--status-success)}.card-indicator .led.no{background:var(--status-error);box-shadow:0 0 6px var(--status-error)}.btn-favorito{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:2px;transition:color .15s,transform .15s;line-height:1}.btn-favorito:hover{color:var(--primary);transform:scale(1.15)}.btn-favorito.activo{color:var(--primary)}.card-img-wrap{position:relative;height:192px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.04)}.card-img-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.06) 0%,transparent 60%);opacity:0;transition:opacity .25s var(--ease-out);pointer-events:none}.card:hover .card-img-wrap::before{opacity:1}.card-logo{width:100%;height:100%;object-fit:contain;padding:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:transform .35s var(--ease-out),filter .35s var(--ease-out),box-shadow .35s var(--ease-out);z-index:1}.card:hover .card-logo{transform:scale(1.08);filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}.card-fallback-logo{width:100%;height:100%;object-fit:contain;padding:24px;opacity:.85;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));z-index:1}.card-badge-top{position:absolute;top:8px;right:12px;z-index:2;display:flex;flex-direction:column;gap:4px}.card-badge-top .in-stock{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.30);color:var(--status-success);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px}.card-badge-top .out-stock{background:rgba(225,29,72,.15);border:1px solid rgba(225,29,72,.30);color:var(--primary);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px}.stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.card-badge{position:absolute;top:8px;right:12px;left:auto;z-index:2;display:flex;flex-direction:column;gap:6px}.card-badge > *{font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);background:rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);border:1px solid var(--border-default);text-align:center;white-space:nowrap}.card-badge.popular{background:rgba(225,29,72,.15);border:1px solid rgba(225,29,72,.35);color:var(--primary);position:static}.card-badge.nuevo{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);color:var(--status-success);position:static}.card-badge.combo{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(99,102,241,.08));border:1px solid rgba(129,140,248,.40);color:#C7D2FE;position:static;border-radius:var(--radius-full);padding:4px 10px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;box-shadow:0 0 0 1px rgba(99,102,241,.08),0 2px 10px rgba(99,102,241,.12)}.card-badge.combo::before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#818CF8,#6366F1);flex-shrink:0;box-shadow:0 0 8px rgba(99,102,241,.6)}.card-badge.combo:hover{border-color:rgba(129,140,248,.65);box-shadow:0 0 0 1px rgba(99,102,241,.15),0 4px 16px rgba(99,102,241,.25)}.card-badge.combo:hover::before{box-shadow:0 0 12px rgba(99,102,241,.8),0 0 20px rgba(129,140,248,.5)}@media (prefers-reduced-motion:no-preference){.card-badge.combo::before{animation:combo-dot-pulse 2.4s var(--ease-out) infinite}@keyframes combo-dot-pulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(99,102,241,.6)}50%{opacity:.85;transform:scale(.92);box-shadow:0 0 14px rgba(99,102,241,.85)}}}.card-sold-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.80);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;z-index:3}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.card-nombre{font-family:var(--font-display);font-size:16px;line-height:1.35;font-weight:700;color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-decoration:none;margin-bottom:8px;transition:color var(--transition-fast)}.card-nombre:hover{color:var(--primary)}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-precio{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--primary);letter-spacing:-.02em}.card-precio.sin{color:var(--text-muted);font-size:13px;font-weight:600}.badge-disp{font-size:11px;font-weight:600}.badge-disp.ok{color:var(--status-success)}.badge-disp.no{color:var(--primary)}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.qty-control{display:flex;align-items:center;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border-default)}.qty-btn{width:28px;height:30px;min-width:28px;border:none;background:var(--surface-container);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--surface-container-high);color:var(--primary)}.qty-num{width:30px;text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text);background:var(--surface-container)}.btn-agregar{flex:1;padding:9px 16px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.08em;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;line-height:1}.btn-agregar:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn-agregar:active{transform:scale(.97)}.btn-agregar.add{background:linear-gradient(135deg,rgba(225,29,72,.14),rgba(225,29,72,.06));border-color:rgba(225,29,72,.45);color:var(--primary);box-shadow:0 0 0 1px rgba(225,29,72,.08),inset 0 1px 0 rgba(255,255,255,.06);position:relative}.btn-agregar.add::before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-hover));flex-shrink:0;box-shadow:0 0 8px rgba(225,29,72,.7)}.btn-agregar.add:hover{background:linear-gradient(135deg,rgba(225,29,72,.20),rgba(225,29,72,.10));border-color:rgba(225,29,72,.65);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(225,29,72,.14),0 4px 16px rgba(225,29,72,.28),inset 0 1px 0 rgba(255,255,255,.10)}.btn-agregar.add:hover::before{box-shadow:0 0 12px rgba(225,29,72,.9),0 0 20px rgba(244,63,94,.6)}.btn-agregar.remove{background:rgba(225,29,72,.06);color:var(--primary);border:1px solid rgba(225,29,72,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.btn-agregar.remove:hover{background:rgba(225,29,72,.12);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 14px rgba(225,29,72,.20)}.btn-agregar.avisarme{background:var(--surface-container);color:var(--text-muted);border:1px solid var(--border-default)}.btn-agregar.avisarme:hover{border-color:var(--primary);color:var(--primary);background:rgba(225,29,72,.06)}.btn-agregar.avisarme.anular{border-color:var(--primary);color:var(--primary);background:rgba(225,29,72,.06)}.btn-compartir{width:38px;height:38px;min-width:38px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-container);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.btn-compartir:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn-compartir:hover{border-color:rgba(225,29,72,.45);color:var(--primary);background:linear-gradient(135deg,rgba(225,29,72,.12),rgba(225,29,72,.04));transform:translateY(-1px);box-shadow:0 0 0 1px rgba(225,29,72,.08),0 4px 14px rgba(225,29,72,.18)}.btn-compartir:active{transform:scale(.92)}.btn-compartir svg{transition:transform .22s var(--ease-out)}.btn-compartir:hover svg{transform:rotate(-8deg) scale(1.08)}@media (prefers-reduced-motion:reduce){.btn-compartir,.btn-compartir svg{transition:none}}.btn-details{border:1px solid var(--border-default);color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.06em;padding:8px 14px;border-radius:var(--radius-sm);background:transparent;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.btn-details:hover{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--primary)}.btn-add-full{width:100%;background:var(--primary);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px;border-radius:var(--radius-sm);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px}.btn-add-full:hover{background:var(--primary-hover)}.btn-notify{width:100%;background:var(--surface-container-highest);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px;border-radius:var(--radius-sm);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px}.btn-notify:hover{background:var(--primary)}.no-results{grid-column:1/-1;text-align:center;padding:60px 20px}.no-results .icon{font-size:42px;margin-bottom:12px;opacity:.6}.no-results h3{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}.no-results p{font-size:14px;color:var(--text-muted)}.paginacion{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px}.pag-btn{min-width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-container);color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pag-btn:hover{border-color:var(--primary);color:var(--text)}.pag-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-red-sm)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-dots{font-size:14px;color:var(--text-muted);padding:0 4px}.load-more{display:flex;justify-content:center;margin-top:48px}.load-more-btn{display:flex;align-items:center;gap:8px;color:var(--text2);font-size:13px;font-weight:600;letter-spacing:.04em;background:var(--surface-container);padding:15px 32px;border-radius:var(--radius-full);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast)}.load-more-btn:hover{background:rgba(255,255,255,.05);border-color:var(--primary);box-shadow:var(--shadow-sm)}.overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(440px,95vw);max-height:100vh;background:var(--surface-container);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s var(--ease-out);box-shadow:-8px 0 40px rgba(0,0,0,.6)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-default);flex-shrink:0}.drawer-head h2{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px}.drawer-head h2 span{color:var(--primary)}.btn-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-default);background:var(--surface-container);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-close:hover{border-color:var(--primary);color:var(--primary)}.drawer-items{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.ci{display:flex;align-items:center;gap:12px;background:var(--surface-dim);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px}.ci-img{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--surface-bright)}.ci-img img{width:36px;height:36px;object-fit:contain;border-radius:6px}.ci-fallback-logo{width:28px;height:28px;object-fit:contain;opacity:.55}.ci-info{flex:1;min-width:0}.ci-nombre{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-precio{font-size:12.5px;font-weight:600;color:var(--status-success);font-family:var(--font-display);margin-top:2px}.ci-qty-ctrl{display:flex;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.ci-qty-btn{width:26px;height:26px;border:none;background:var(--surface-container-high);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.ci-qty-btn:hover{background:var(--primary);color:#fff}.ci-qty-num{width:26px;text-align:center;font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text);background:var(--surface-container)}.ci-rm{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:2px 4px;flex-shrink:0;transition:color .15s}.ci-rm:hover{color:var(--primary)}.drawer-foot{padding:16px 20px;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.drawer-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.drawer-empty-icon{font-size:40px;margin-bottom:10px;opacity:.5}.drawer-total-desglose{font-size:12.5px;color:var(--text-muted)}.drawer-subtotal-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text2)}.drawer-descuento-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--status-success)}.drawer-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0 4px;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);border-top:1px solid var(--border-default);margin-top:6px}.btn-vaciar{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-dim);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-vaciar:hover{border-color:var(--primary);color:var(--primary)}.btn-pagar{width:100%;padding:13px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:var(--shadow-red-sm);border:none;transition:all .15s}.btn-pagar:hover{box-shadow:var(--shadow-red-md);transform:translateY(-1px)}.btn-pagar:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-wa2{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-dim);color:var(--status-success);font-size:13px;font-weight:700;text-decoration:none;transition:all .15s}.btn-wa2:hover{border-color:var(--status-success);background:rgba(34,197,94,.06)}.btn-tg{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-dim);color:var(--secondary-container);font-size:13px;font-weight:700;text-decoration:none;transition:all .15s}.btn-tg:hover{border-color:var(--secondary-container);background:rgba(99,102,241,.06)}.btn-copiar{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-container-high);color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar:hover{border-color:var(--text);color:var(--text)}.btn-copiar.copiado{border-color:var(--status-success);color:var(--status-success)}.checkout-wrap{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.checkout-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}.checkout-back:hover{color:var(--text)}.checkout-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px}.checkout-sub{font-size:13px;color:var(--text-muted);margin-bottom:10px}.checkout-resumen{background:var(--surface-dim);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:14px}.checkout-resumen-titulo{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.checkout-item-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text);padding:4px 0}.checkout-total-row{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text);border-top:1px solid var(--border-default);margin-top:8px;padding-top:8px}.metodo-grid{display:flex;flex-direction:column;gap:10px}.metodo-card{background:var(--surface-dim);border:2px solid var(--border-default);border-radius:var(--radius-sm);padding:16px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .15s}.metodo-card:hover{border-color:var(--primary)}.metodo-card.selected{border-color:var(--primary);background:rgba(225,29,72,.06)}.metodo-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.metodo-icon.nequi{background:rgba(78,14,122,.20)}.metodo-icon.breb{background:rgba(0,99,209,.20)}.metodo-info{flex:1}.metodo-nombre{font-size:14px;font-weight:700;color:var(--text)}.metodo-desc{font-size:11.5px;color:var(--muted);margin-top:2px}.metodo-radio-circle,.metodo-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-default);flex-shrink:0;position:relative;transition:border-color .15s}.metodo-card.selected .metodo-radio-circle,.metodo-card.selected .metodo-radio{border-color:var(--primary)}.metodo-radio-dot{position:absolute;inset:3px;border-radius:50%;background:var(--primary);transform:scale(0);transition:transform .2s}.metodo-card.selected .metodo-radio-dot{transform:scale(1)}#pant-metodo,#pant-datos,#pant-confirm{overflow-y:auto;overflow-x:hidden}.datos-card{background:var(--surface-dim);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:16px}.datos-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.datos-header-icon{font-size:24px}.datos-header-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text)}.datos-header-sub{font-size:12px;color:var(--muted);margin-top:2px}.datos-fila{display:flex;align-items:center;gap:10px;padding:10px 0}.datos-fila+.datos-fila{border-top:1px dashed var(--border-subtle)}.datos-key{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);width:80px;flex-shrink:0}.datos-val{font-size:13.5px;color:var(--text);font-weight:500}.cupon-wrap{margin-top:8px}.cupon-input-row{display:flex;align-items:center;gap:8px}.cupon-aplicar{flex:1;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);color:var(--text);font-size:13px;outline:none}.cupon-aplicar:focus{border-color:var(--primary)}.cupon-aplicar::placeholder{color:var(--muted)}.cupon-aplicar-btn{padding:10px 18px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.cupon-aplicar-btn:hover{box-shadow:var(--shadow-red-md)}.cupon-aplicar-btn:disabled{opacity:.4;cursor:not-allowed}.cupon-aplicar-info{font-size:11px;color:var(--status-success);margin-top:4px}.cupon-quitar{background:none;border:none;color:var(--text-muted);font-size:11.5px;cursor:pointer;text-decoration:underline}.cupon-quitar:hover{color:var(--primary)}.cupon-msg{font-size:12px;margin-top:4px;font-weight:600}.cupon-msg.error{color:var(--status-error)}.contacto-cliente-wrap{margin-top:10px}.contacto-cliente-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}#input-contacto-cliente{flex:1;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);color:var(--text);font-size:13px;outline:none;width:100%;margin-bottom:2px}#input-contacto-cliente:focus{border-color:var(--primary)}#input-contacto-cliente::placeholder{color:var(--muted)}#input-contacto-cliente[aria-invalid="true"]{border-color:var(--primary)}.contacto-cliente-msg{font-size:12px;color:var(--text-muted);margin-bottom:8px}.contacto-cliente-msg.error{color:var(--status-error)}.orden-codigo-wrap{margin-top:6px}.orden-codigo-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.orden-codigo{font-family:var(--font-mono);font-size:16px;font-weight:800;color:var(--primary);background:rgba(225,29,72,.08);border:1px solid rgba(225,29,72,.30);border-radius:var(--radius-sm);padding:10px 14px;text-align:center;margin-bottom:6px}.orden-codigo-sub{font-size:12px;color:var(--text-muted);text-align:center}.confirm-wrap{flex:1;overflow-y:auto;padding:24px 16px}.confirm-icon{font-size:48px;text-align:center;margin-bottom:12px}.confirm-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);text-align:center;margin-bottom:8px}.confirm-desc{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.6;margin-bottom:20px}.confirm-codigo-box{background:var(--surface-dim);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:14px;text-align:center;margin-bottom:16px}.confirm-btns{display:flex;flex-direction:column;gap:8px;margin-top:8px}.confirm-foot{padding:16px 20px;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.modal-notificar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:110;background:var(--surface-container);border:1px solid var(--border-default);border-radius:var(--radius);padding:28px 24px 24px;max-width:400px;width:calc(100% - 40px);box-shadow:0 24px 60px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.modal-notificar.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-notificar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-notificar-head h3{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text)}.modal-notificar-body{display:flex;flex-direction:column;gap:12px}.modal-notificar-sub{font-size:13.5px;color:var(--text-muted);line-height:1.5}.modal-notificar-body input[type="email"]{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.modal-notificar-body input[type="email"]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--red-glow2)}.modal-notificar-body input[type="email"]::placeholder{color:var(--muted)}.notificar-msg{font-size:12.5px;margin-top:4px;font-weight:600}.notificar-msg.error{color:var(--status-error)}.notificar-msg.ok{color:var(--status-success)}.sidebar-overlay{position:fixed;inset:0;z-index:94;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.sidebar-overlay.open{opacity:1;pointer-events:auto}#toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--surface-container-high);border:1px solid var(--border-default);border-radius:var(--radius);padding:12px 18px;font-size:13px;font-weight:600;color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.6);pointer-events:auto;animation:toastIn .3s var(--ease-out)}.toast-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.toast.add .toast-dot{background:var(--status-success);box-shadow:0 0 10px var(--status-success)}.toast.remove .toast-dot{background:var(--primary);box-shadow:0 0 10px var(--primary)}.fab-wa{position:fixed;bottom:32px;right:32px;z-index:70;width:56px;height:56px;border-radius:50%;background:var(--status-success);color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--shadow-glow-success),var(--shadow-lg);transition:transform .18s var(--ease-spring),box-shadow .18s var(--ease-out);animation:fabFloat 3s ease-in-out infinite}.fab-wa:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(34,197,94,0.5),var(--shadow-xl)}.fab-wa:active{transform:scale(.92)}@media (max-width:768px){.fab-wa{bottom:80px;right:16px}}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle}footer{width:100%;padding:64px 0;background:var(--surface-dim);border-top:1px solid var(--border-subtle);text-align:center;margin-left:0}@media(max-width:1024px){footer{margin-left:0;width:100%}}.footer-inner{max-width:var(--container-max-alt);margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:32px}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}footer p{color:var(--text2);font-size:14px;line-height:1.5}footer a{color:var(--text-muted);transition:color var(--transition-fast);font-weight:600}footer a:hover{color:var(--primary)}footer .f-green{color:var(--status-success)}.breadcrumbs{padding:16px 40px 0;max-width:var(--container-max);margin:0 auto}.breadcrumbs-list{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);list-style:none;margin:0;padding:0}.breadcrumbs-item{display:flex;align-items:center;gap:8px}.breadcrumbs-item:after{content:'›';color:var(--text-muted);font-size:16px;line-height:1}.breadcrumbs-item:last-child:after{display:none}.breadcrumbs-link{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumbs-link:hover{color:var(--primary)}.breadcrumbs-current{color:var(--text);font-weight:600}@media (max-width:1024px){.breadcrumbs{padding:12px 16px 0}}@media (max-width:480px){.breadcrumbs{padding:8px 16px 0}.breadcrumbs-list{font-size:12px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(12,12,13,0.95);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--border-subtle);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.bottom-nav-item .material-symbols-outlined{font-size:24px}.bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.02em}.bottom-nav-item:hover{color:var(--text)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .material-symbols-outlined{font-variation-settings:'FILL' 1}.bottom-nav-badge{position:absolute;top:4px;right:50%;transform:translateX(12px);min-width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (max-width:768px){.bottom-nav{display:flex}body{padding-bottom:64px}}@media(max-width:480px){.header-inner{padding:0 16px}.logo-ken,.logo-store{font-size:16px}.hero{height:auto !important;min-height:280px;padding:40px 16px 32px !important}.hero-container{padding:0 !important;max-width:100% !important}.hero h1{font-size:26px !important;line-height:1.2 !important}.hero-eyebrow{font-size:10px !important;padding:3px 8px}.hero-sub{font-size:14px !important;margin-bottom:24px !important}.hero-actions{flex-direction:column !important;gap:10px !important;width:100%}.hero-actions .btn-primary,.hero-actions .btn-outline-secondary{width:100%;justify-content:center}.card-body{padding:10px}.card-nombre{font-size:15px}.card-precio{font-size:15px}.btn-agregar{font-size:10px;padding:6px 10px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.sidebar{width:min(85vw,320px) !important}.header-right{gap:5px}.carrito-btn{padding:6px 10px 6px 8px;gap:4px}.nav-combos{font-size:10px;padding:4px 7px}.link-simple{font-size:11px;padding:4px 7px}a.volver{font-size:11px;padding:4px 7px}.btn-filtros-mobile{font-size:11px;padding:5px 9px;gap:3px}.stats-pill{gap:6px}.stat{font-size:10px}.stat strong{font-size:12px}.cabecera{padding:0 14px}.card-actions{gap:4px}.card-precio{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty-btn{width:24px;height:26px;font-size:13px}.qty-num{width:24px;font-size:12px}.btn-agregar{font-size:11px;padding:6px 0}.btn-compartir{width:28px;height:28px}.producto-wrap{padding:0 14px;gap:20px}.img-hero .prod-logo{width:80px;height:80px}.img-hero .prod-fallback-logo{width:48px;height:48px}.drawer-head{padding:14px 16px}.drawer-head h2{font-size:16px}.drawer-items{padding:10px 12px}.combo-builder{padding:0 12px 40px}.combo-summary{padding:16px}.combo-summary-left{min-width:0}.combo-summary-total{font-size:22px}.btn-combo-add{padding:10px 16px;font-size:12px}.btn-combo-clear{padding:8px 12px;font-size:11px}.legal-wrap{padding:40px 14px 60px}.promo-seccion{padding:0 14px 40px}.tier-badge{padding:8px 12px;font-size:11px}.tier-badge .tier-pct{font-size:14px}.orden-detalle{padding:0 14px 40px}.orden-card-head{padding:14px 16px}.orden-card-body{padding:14px 16px}.orden-card-foot{padding:12px 16px 20px}.orden-codigo-display{font-size:15px}.orden-total-row{font-size:18px}.orden-item-nombre{font-size:13px}.orden-meta{gap:16px}}@media(max-width:360px){.grid{grid-template-columns:1fr}.header-inner{padding:0 8px}.header-right{gap:4px}.logo-ken,.logo-store{font-size:15px}.carrito-btn{padding:5px 7px 5px 6px}.nav-combos{font-size:9px;padding:3px 5px}.cuenta-avatar{width:26px;height:26px;font-size:11px}.btn-filtros-mobile{font-size:10px;padding:4px 7px}.link-simple{font-size:10px;padding:3px 5px}a.volver{font-size:10px;padding:3px 5px}.grid{gap:8px}.card-body{padding:8px 10px 10px;gap:6px}.card-nombre{font-size:12px}.card-precio{font-size:14px}.card-actions{gap:3px}.qty-btn{width:22px;height:24px;font-size:12px}.qty-num{width:22px;font-size:11px}.btn-agregar{font-size:10px;padding:5px 0}.btn-compartir{width:24px;height:24px}.ci{padding:8px;gap:8px}.ci-img{width:36px;height:36px}.ci-img img{width:30px;height:30px}.ci-nombre{font-size:12px}.combo-grid{gap:6px}.combo-card{padding:10px 8px}.combo-card-nombre{font-size:11px}.combo-card-precio{font-size:12px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:12px 28px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-red-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-red-md);transform:translateY(-1px)}.btn-primary:active{transform:scale(.96)}.btn-outline-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:12px 28px;border-radius:var(--radius-sm);border:1px solid var(--primary);color:var(--primary);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-outline-secondary:hover{background:rgba(225,29,72,0.08)}@media(max-width:1024px){.hero{height:320px}.hero h1{font-size:36px}.hero-sub{font-size:15px}.platform-card{padding:14px;gap:8px}.login-card{padding:28px 20px;border-radius:var(--radius-lg)}.nosotros-hero{min-height:300px;padding:64px 16px}.nosotros-hero h1{font-size:32px}.nosotros-section{padding:40px 16px}.steps-grid{grid-template-columns:1fr}.combos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.combos-sticky-bar{padding:12px 16px}.combos-sticky-bar .total-price{font-size:20px}}@media(max-width:768px){.hero{height:auto;min-height:300px;padding:48px 20px 36px !important}.hero-container{padding:0 !important}.hero h1{font-size:32px !important}.hero-sub{font-size:15px !important;margin-bottom:28px !important}.hero-actions{gap:12px !important}.btn-primary{font-size:13px;padding:11px 24px !important}.btn-outline-secondary{font-size:13px;padding:11px 24px !important}}AUTENTICACIÓN — Login / Registro ═══════════════════════════════════════════════════════════════ */.auth-wrap{max-width:420px;margin:0 auto;padding:0 24px 100px}.auth-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.auth-field{margin-bottom:18px}.auth-label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.auth-label .req{color:var(--red2);margin-left:2px}.auth-input{width:100%;padding:12px 14px;background:var(--surface-container);border:1px solid var(--border2);border-radius:var(--radius-xs);color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--muted)}.auth-input:focus{border-color:var(--red2);box-shadow:0 0 0 3px var(--red-glow2)}.auth-btn{width:100%;padding:14px;margin-top:6px;background:var(--grad-red);border:1px solid var(--red2);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-red-md)}.auth-btn:hover{box-shadow:var(--shadow-red-lg);transform:translateY(-1px)}.auth-btn:active{transform:scale(.98)}.auth-error{background:var(--red-glow2);border:1px solid rgba(229,9,20,.35);border-radius:var(--radius-xs);padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--red2);font-weight:600;display:flex;align-items:center;gap:8px}.auth-error::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 8px var(--red2);flex-shrink:0}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--muted)}.auth-footer a{color:var(--red2);text-decoration:none;font-weight:600;transition:color .15s}.auth-footer a:hover{text-decoration:underline}.auth-links{text-align:center;margin-top:16px;display:flex;flex-direction:column;gap:8px}.recuperar-wrap{max-width:420px;margin:0 auto;padding:0 24px 80px}.recuperar-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:36px 32px;box-shadow:0 14px 40px rgba(0,0,0,.5)}.recuperar-card h2{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin-bottom:8px}.recuperar-card p{font-size:14px;color:var(--muted2);line-height:1.6;margin-bottom:24px}.recuperar-card label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.recuperar-card input[type="email"]{width:100%;padding:13px 16px;background:var(--surface-container);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.recuperar-card input[type="email"]:focus{outline:none;border-color:var(--red2);box-shadow:0 0 0 3px var(--red-glow2)}.recuperar-card input[type="email"]::placeholder{color:var(--muted)}.btn-recuperar{margin-top:20px;width:100%;padding:13px;background:var(--grad-red);border:1px solid var(--red2);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:var(--shadow-red-sm);transition:all .2s}.btn-recuperar:hover{transform:translateY(-1px);box-shadow:var(--shadow-red-md)}.btn-recuperar:active{transform:scale(.98)}.recuperar-exito{text-align:center;padding:20px 0}.recuperar-exito-icon{width:56px;height:56px;border-radius:50%;background:rgba(54,217,101,.12);border:1px solid rgba(54,217,101,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--green)}.recuperar-exito h2{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin-bottom:10px}.recuperar-exito p{font-size:14px;color:var(--muted2);line-height:1.7}.recuperar-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:600;color:var(--red2);text-decoration:none;transition:color .15s}.recuperar-link:hover{color:var(--text)}.recuperar-volver{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:600;color:var(--muted2);text-decoration:none;transition:color .15s}.recuperar-volver:hover{color:var(--text)}.recuperar-footer{text-align:center}.cuenta-wrap{max-width:960px;margin:0 auto;padding:0 24px 80px}.cuenta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}@media(max-width:640px){.cuenta-stats{grid-template-columns:1fr}}.cuenta-stat-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:22px 20px;text-align:center;transition:border-color .2s}.cuenta-stat-card:hover{border-color:var(--red2)}.cuenta-stat-num{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:700;color:var(--red2);text-shadow:0 0 20px var(--red-glow);margin-bottom:4px}.cuenta-stat-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cuenta-section{margin-bottom:40px}.cuenta-section-title{font-family:var(--font-display);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px}.cuenta-section-title::before{content:'';width:5px;height:18px;background:linear-gradient(180deg,var(--red2),var(--red-dim));border-radius:99px;box-shadow:0 0 12px var(--red-glow2);flex-shrink:0}.cuenta-table-wrap{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);overflow:hidden}.cuenta-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.cuenta-table{width:100%;border-collapse:collapse}.cuenta-table th{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 16px;background:var(--surface-container);border-bottom:1px solid var(--border2)}.cuenta-table td{font-size:13.5px;color:var(--text2);padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.cuenta-table tr:last-child td{border-bottom:none}.cuenta-table tr:hover td{background:rgba(229,9,20,.03)}.cuenta-table .codigo{font-family:var(--font-mono);font-weight:700;color:var(--red2);font-size:13px}.cuenta-table .total{font-family:var(--font-mono);font-weight:700;color:var(--text)}.cuenta-table .fecha{font-family:var(--font-mono);font-size:12px;color:var(--muted2)}.cuenta-empty{text-align:center;padding:48px 20px;color:var(--muted)}.cuenta-empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.cuenta-empty p{font-size:14px;margin-bottom:16px}.cuenta-empty a{color:var(--red2);text-decoration:none;font-weight:600}.cuenta-empty a:hover{text-decoration:underline}.cuenta-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-pendiente{background:rgba(229,9,20,.12);border:1px solid rgba(229,9,20,.4);color:var(--red2)}.badge-aprobada{background:rgba(54,217,101,.1);border:1px solid rgba(54,217,101,.35);color:var(--green)}.badge-activa{background:rgba(54,217,101,.1);border:1px solid rgba(54,217,101,.35);color:var(--green)}.badge-completada{background:rgba(216,218,223,.1);border:1px solid rgba(216,218,223,.3);color:var(--silver)}.badge-rechazada{background:rgba(229,9,20,.08);border:1px solid rgba(229,9,20,.3);color:#ffb4aa}.badge-default{background:var(--surface-container-high);border:1px solid var(--border2);color:var(--muted2)}.cuenta-profile{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.cuenta-profile{grid-template-columns:1fr}}.cuenta-field label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.cuenta-field .cuenta-value{font-size:15px;color:var(--text);font-weight:600;padding:10px 14px;background:var(--surface-container);border:1px solid var(--border);border-radius:var(--radius-sm)}.cuenta-sync{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:16px 20px}.cuenta-sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cuenta-sync-dot.ok{background:var(--green);box-shadow:0 0 8px var(--green)}.cuenta-sync-dot.off{background:var(--muted);box-shadow:none}.cuenta-sync-text{font-size:13px;color:var(--text2)}.cuenta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.cuenta-btn-logout{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-decoration:none;transition:all .18s}.cuenta-btn-logout:hover{border-color:var(--red2);color:var(--red2)}.cuenta-btn-catalogo{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:var(--radius-sm);border:1px solid var(--red2);background:var(--grad-red);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-red-sm);transition:all .18s}.cuenta-btn-catalogo:hover{transform:translateY(-1px);box-shadow:var(--shadow-red-md)}.stats-pill{display:flex;align-items:center;gap:12px}.stat{font-size:12px;font-weight:600;color:var(--muted2)}.stat strong{color:var(--green);font-family:var(--font-display);font-size:14px}.stat.red strong{color:var(--red2)}.promo-seccion{max-width:640px;margin:0 auto;padding:0 24px 60px}.promo-seccion-titulo{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--silver);margin-bottom:24px}.promo-descripcion{font-size:14px;color:var(--muted2);line-height:1.6;margin-bottom:20px}.promo-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;margin-top:8px}.pasos-list{list-style:none;display:flex;flex-direction:column;gap:20px}.paso-item{display:flex;align-items:flex-start;gap:16px}.paso-num{width:34px;height:34px;border-radius:50%;background:var(--status-error);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-red-sm)}.paso-item strong{font-size:14px;color:var(--text);display:block;margin-bottom:4px}.paso-item p{font-size:13.5px;color:var(--muted2);line-height:1.5}.page-hero{position:relative;text-align:center;padding:clamp(40px,6vw,64px) clamp(16px,4vw,48px) clamp(16px,3vw,32px);margin-bottom:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(225,29,72,.10),transparent 60%),var(--bg);border-bottom:1px solid rgba(225,29,72,.10)}.page-hero-eyebrow{display:inline-block;background:rgba(225,29,72,.15);border:1px solid rgba(225,29,72,.25);color:var(--silver);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:var(--radius-full);margin-bottom:16px}.page-hero h1{font-family:var(--font-display);font-size:clamp(28px,6vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:14px}.page-hero h1 .txt-white{color:var(--silver)}.page-hero h1 .txt-red{color:var(--red2)}.page-hero h1 .txt-green{color:var(--green)}.page-hero-sub{font-size:clamp(14px,2vw,16px);line-height:1.6;color:var(--muted2);max-width:520px;margin:0 auto 0}.combos-hero{text-align:center;padding:clamp(40px,6vw,64px) clamp(16px,4vw,48px) clamp(32px,6vw,48px);margin:0 auto;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(225,29,72,.10),transparent 60%),var(--bg);border-bottom:1px solid rgba(225,29,72,.10)}.combos-hero-container{max-width:680px;margin:0 auto}.combos-hero-eyebrow{display:inline-block;background:rgba(225,29,72,.15);border:1px solid rgba(225,29,72,.25);color:var(--silver);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:var(--radius-full);margin-bottom:16px}.combos-hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,42px);line-height:1.15;font-weight:800;color:var(--text);margin-bottom:12px}.combos-hero h1 .txt-green{color:var(--green)}.combos-hero h1 .txt-red{color:var(--red2)}.combos-hero-sub{color:var(--muted2);font-size:15px;line-height:1.6;max-width:640px;margin:0 auto 24px}.plataforma-wrap{max-width:720px;margin:0 auto;padding:0 24px 90px}.plataforma-card{background:var(--surface);border:1px solid var(--border2);border-left:3px solid var(--red2);border-radius:var(--radius);padding:28px;margin-bottom:24px;box-shadow:0 14px 40px rgba(0,0,0,.5)}.plataforma-badge{display:inline-block;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:var(--green);font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px}.plataforma-card h2{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--silver);margin-bottom:16px}.plataforma-precio{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.precio-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.precio-valor{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--red2)}.plataforma-card p{color:var(--muted2);font-size:14px;line-height:1.7;margin-bottom:20px}.plataforma-beneficios h3{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--silver);margin-bottom:10px}.plataforma-beneficios ul{list-style:none;padding:0;margin:0 0 20px}.plataforma-beneficios li{color:var(--text2);font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.plataforma-beneficios li:last-child{border-bottom:none}.plataforma-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn-plataforma-comprar{display:inline-flex;align-items:center;padding:12px 24px;background:linear-gradient(135deg,var(--red),var(--red-dim));border:1px solid var(--red2);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;box-shadow:0 4px 20px rgba(229,9,20,.4);transition:all .2s}.btn-plataforma-comprar:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(229,9,20,.55)}.btn-plataforma-whatsapp{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:var(--surface-container-high);border:1px solid var(--green);border-radius:var(--radius-sm);color:var(--green);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.btn-plataforma-whatsapp:hover{border-color:var(--green);box-shadow:0 4px 16px rgba(34,197,94,.2)}.plataforma-relacionados{margin-bottom:24px}.plataforma-relacionados h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--silver);margin-bottom:12px}.relacionados-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.rel-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--surface-container-low);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-decoration:none;transition:border-color .2s}.rel-item:hover{border-color:var(--border-strong)}.rel-nombre{font-size:14px;font-weight:600;color:var(--text)}.rel-precio{font-size:13px;font-weight:700;color:var(--green)}.plataforma-faq{margin-bottom:40px}.plataforma-faq h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--silver);margin-bottom:14px}.plataforma-faq details{background:var(--surface-container-low);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:8px;cursor:pointer}.plataforma-faq details[open]{border-color:rgba(225,29,72,.3)}.plataforma-faq summary{font-weight:600;color:var(--silver);font-size:14px;outline:none;list-style:none}.plataforma-faq summary::-webkit-details-marker{display:none}.plataforma-faq p{color:var(--muted2);font-size:13px;line-height:1.7;margin-top:10px}.plataforma-todas{margin-bottom:40px}.plataforma-todas h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--silver);margin-bottom:12px}.todas-grid{display:flex;flex-wrap:wrap;gap:8px}.todas-item{display:inline-block;padding:8px 16px;background:var(--surface-container-low);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text2);font-size:13px;text-decoration:none;transition:all .2s}.todas-item:hover{border-color:var(--red2);color:var(--silver);background:var(--surface-container-high)}.tier-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:36px}.tier-badge{display:flex;align-items:center;gap:8px;background:var(--surface-container);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 18px;font-size:13px;font-weight:700;color:var(--muted2);transition:all var(--transition-fast)}.tier-badge .tier-num{background:var(--green);color:var(--bg);font-family:var(--font-display);font-size:13px;font-weight:800;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tier-badge .tier-pct{color:var(--green);font-family:var(--font-display);font-size:16px}.tier-badge.active{border-color:var(--green);background:var(--green-glow)}.combo-builder{max-width:1100px;margin:0 auto;padding:0 20px 60px}.combo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-bottom:32px}@media(max-width:640px){.combo-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:400px){.combo-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.combo-card{background:var(--surface);border:1px solid var(--surface5);border-radius:var(--radius);padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.combo-card:hover{border-color:var(--silver-dim);transform:translateY(-2px)}.combo-card.selected{border-color:var(--green);background:var(--green-glow);box-shadow:0 0 20px rgba(78,222,163,.15)}.combo-card.selected::after{content:'✓';position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--bg);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.combo-card-img{width:52px;height:52px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:400px){.combo-card-img{width:42px;height:42px}}.combo-card-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.combo-card-nombre{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-card-precio{font-size:14px;font-weight:800;color:var(--green);font-family:var(--font-display)}.combo-summary{background:var(--surface-container);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:sticky;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:640px){.combo-summary{flex-direction:column;text-align:center}}.combo-summary-left{flex:1;min-width:200px}.combo-summary-info{font-size:14px;color:var(--muted2);margin-bottom:4px}.combo-summary-total{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text)}.combo-summary-total .combo-descuento{color:var(--green);font-size:14px;font-weight:700;margin-left:8px}.combo-summary-right{display:flex;gap:10px;align-items:center}@media(max-width:640px){.combo-summary-right{width:100%;justify-content:center}}.btn-combo-add{background:var(--grad-red);border:1px solid var(--red2);border-radius:var(--radius-sm);padding:14px 28px;color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(229,9,20,.4)}.btn-combo-add:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(229,9,20,.55)}.btn-combo-add:active{transform:scale(.97)}.btn-combo-add:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-combo-clear{background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 16px;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-combo-clear:hover{border-color:var(--silver-dim);color:var(--text)}.combo-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.orden-detalle{max-width:640px;margin:0 auto;padding:0 24px 60px}.orden-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);overflow:hidden}.orden-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--surface-container);border-bottom:1px solid var(--border2);gap:12px;flex-wrap:wrap}.orden-codigo-display{font-family:var(--font-mono);font-size:18px;font-weight:800;color:var(--green);letter-spacing:.04em}.orden-estado-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700}.orden-estado-badge.pendiente{background:rgba(251,191,36,.15);color:#fbbf24}.orden-estado-badge.pagado{background:rgba(54,217,101,.15);color:var(--green)}.orden-estado-badge.cancelado{background:rgba(248,113,113,.15);color:#f87171}.orden-card-body{padding:20px 24px}.orden-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.orden-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.orden-item-row:last-child{border-bottom:none}.orden-item-nombre{font-size:14px;font-weight:600;color:var(--text)}.orden-item-precio{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--green)}.orden-descuento-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--muted2);border-bottom:1px solid var(--border)}.orden-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-family:var(--font-display);font-size:22px;color:var(--text)}.orden-total-row strong{font-weight:800}.orden-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.orden-meta-item{display:flex;flex-direction:column;gap:4px}.orden-meta-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.orden-meta-val{font-size:14px;font-weight:600;color:var(--text2)}.orden-card-foot{padding:16px 24px 24px;border-top:1px solid var(--border2)}.orden-info-text{font-size:14px;color:var(--muted2);line-height:1.7;margin-bottom:16px}.orden-btn-catalogo{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);background:var(--grad-red);border:1px solid var(--red2);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:var(--shadow-red-md)}.orden-btn-catalogo:hover{transform:translateY(-1px);box-shadow:var(--shadow-red-lg)}.orden-comprobante{margin:16px 0 20px;padding:16px;background:rgba(225,29,72,.05);border:1px solid rgba(225,29,72,.2);border-radius:var(--radius-md)}.orden-comprobante-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--fg);margin:0 0 6px}.orden-comprobante-sub{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 14px}.orden-comprobante-btns{display:flex;flex-direction:column;gap:10px}.orden-error-wrap{max-width:640px;margin:0 auto;padding:40px 24px}.orden-error{text-align:center;padding:48px 24px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius)}.orden-error-icon{font-size:40px;display:block;margin-bottom:16px}.orden-error p{font-size:15px;color:var(--muted2);margin-bottom:20px}.btn-volver-catalogo{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);background:var(--grad-red);border:1px solid var(--red2);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}@media(max-width:480px){.orden-detalle{padding:0 14px 40px}.orden-card-head{padding:14px 16px}.orden-card-body{padding:14px 16px}.orden-card-foot{padding:12px 16px 20px}.orden-codigo-display{font-size:15px}.orden-total-row{font-size:18px}.orden-item-nombre{font-size:13px}.orden-meta{gap:16px}}.error-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 24px}.error-code{font-family:var(--font-display);font-size:clamp(80px,18vw,160px);font-weight:900;line-height:1;letter-spacing:-.04em;background:var(--grad-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(229,9,20,.35));margin-bottom:12px}.error-msg{font-family:var(--font-display);font-size:clamp(18px,3vw,26px);font-weight:700;color:var(--silver);margin-bottom:8px}.error-desc{font-size:15px;color:var(--muted2);max-width:420px;line-height:1.6;margin-bottom:28px}.error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.error-btn{padding:12px 28px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast);cursor:pointer}.error-btn.primary{background:var(--status-error);color:#fff;border:1px solid var(--red2);box-shadow:var(--shadow-red-md)}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-red-lg)}.error-btn.secondary{background:var(--surface-container);color:var(--silver2);border:1px solid var(--border2)}.error-btn.secondary:hover{color:var(--text);border-color:var(--silver-dim)}.error-led{width:8px;height:8px;border-radius:50%;background:var(--red2);box-shadow:0 0 12px var(--red2);margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.ruleta-hero{position:relative;overflow:hidden;text-align:center;padding:clamp(32px,6vw,64px) clamp(16px,4vw,48px) clamp(16px,3vw,32px);margin-bottom:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(225,29,72,.12),transparent 65%),radial-gradient(ellipse 50% 50% at 30% 80%,rgba(225,29,72,.06),transparent 55%),var(--bg);border-bottom:1px solid rgba(229,9,20,.12)}.ruleta-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(225,29,72,.12);border:1px solid rgba(225,29,72,.25);color:var(--silver);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-full);margin-bottom:14px}.ruleta-hero h1{font-family:var(--font-display);font-size:clamp(32px,7vw,52px);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.ruleta-hero h1 .txt-white{color:var(--silver)}.ruleta-hero h1 .txt-red{color:var(--red2)}.ruleta-hero-sub{font-family:var(--font-body);font-size:clamp(14px,2vw,16px);line-height:1.6;color:var(--muted2);max-width:520px;margin:0 auto 24px}.ruleta-hero .nombre-sorteo-wrap{margin-top:0}.ruleta-main{max-width:1040px;margin:0 auto;padding:0 24px 90px}.nombre-sorteo-wrap{max-width:520px;margin:22px auto 0;display:flex;flex-direction:column;align-items:center;gap:10px}.input-nombre-sorteo{width:100%;text-align:center;background:transparent;border:none;border-bottom:2px solid rgba(229,9,20,.35);color:var(--silver);font-family:var(--font-display);font-size:clamp(18px,3.2vw,24px);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:8px 6px 10px;transition:border-color .2s}.input-nombre-sorteo::placeholder{color:var(--muted);font-weight:500;text-transform:none;font-family:var(--font-body);font-size:14px;letter-spacing:0}.input-nombre-sorteo:focus{outline:none;border-color:var(--red2)}.check-guardar{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted2);cursor:pointer;user-select:none}.check-guardar input{accent-color:var(--red2);cursor:pointer}.nombre-sorteo-en-rueda{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--silver);text-align:center}.ruleta-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start;margin-top:36px}@media(max-width:860px){.ruleta-layout{grid-template-columns:1fr}}.panel-ruleta{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:26px;box-shadow:0 14px 40px rgba(0,0,0,.5);min-width:0}.panel-form{position:sticky;top:calc(var(--topbar-h) + 20px)}@media(max-width:860px){.panel-form{position:static}}@media(max-width:640px){.panel-ruleta{padding:20px}}.panel-form h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--silver);margin-bottom:14px;display:flex;align-items:center;gap:8px}.panel-form h2::before{content:'';width:5px;height:18px;background:linear-gradient(180deg,var(--red2),var(--red-dim));border-radius:99px;box-shadow:0 0 12px var(--red-glow2)}.badge-count{margin-left:auto;background:rgba(229,9,20,.15);border:1px solid rgba(229,9,20,.4);color:var(--red2);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;letter-spacing:0}textarea.input-ruleta{width:100%;min-height:230px;background:var(--surface-container);border:1px solid rgba(229,9,20,.3);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:14px;padding:14px 16px;resize:vertical;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:border-color .2s,box-shadow .2s,background .2s}textarea.input-ruleta::placeholder{color:var(--muted)}textarea.input-ruleta:focus{outline:none;border-color:var(--red2);box-shadow:0 0 0 3px var(--red-glow2),0 4px 20px rgba(0,0,0,.5);background:var(--surface-container-high)}.ayuda-lista{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}.error-ruleta{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.4);color:var(--text);padding:11px 15px;border-radius:var(--radius-xs);margin-bottom:14px;font-size:13px;font-weight:600}.btn-crear{margin-top:16px;width:100%;padding:13px;background:linear-gradient(135deg,var(--red),var(--red-dim));border:1px solid var(--red2);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 20px rgba(229,9,20,.4);transition:all .2s}.btn-crear:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(229,9,20,.55)}.btn-crear:active{transform:scale(.98)}.panel-wheel{min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px}.panel-wheel-vacio{color:var(--muted2);text-align:center;font-size:14px;padding:60px 20px}.contenedor-rueda{position:relative;width:min(460px,82vw);height:min(460px,82vw)}.rueda-svg{width:100%;height:100%;display:block;transform:rotate(0deg);transition:transform 5.5s cubic-bezier(.17,.67,.12,.99);filter:drop-shadow(0 10px 26px rgba(0,0,0,.65))}.etiqueta-ruleta{fill:#fff;font-size:14px;font-weight:600;font-family:'Chakra Petch',sans-serif;paint-order:stroke;stroke:rgba(0,0,0,.4);stroke-width:2px;text-transform:uppercase}.centro-rueda{position:absolute;top:50%;left:50%;width:15%;height:15%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,var(--silver),var(--silver-dim));border-radius:50%;border:4px solid var(--bg);box-shadow:0 4px 14px rgba(0,0,0,.6);z-index:3}.flecha{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:38px solid var(--red2);filter:drop-shadow(0 4px 10px rgba(229,9,20,.6));z-index:4}.flecha::after{content:'';position:absolute;top:-42px;left:-7px;width:14px;height:14px;background:var(--bg);border-radius:50%;border:2px solid var(--red2);box-shadow:0 0 10px var(--red-glow)}.btn-girar{padding:15px 42px;border:1px solid var(--red2);border-radius:999px;background:linear-gradient(135deg,var(--red),var(--red-dim));color:#fff;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 8px 26px rgba(229,9,20,.5);transition:transform .15s,box-shadow .15s}.btn-girar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(229,9,20,.65)}.btn-girar:disabled{opacity:.5;cursor:not-allowed;transform:none}.botones-rueda{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-reroll{background:linear-gradient(135deg,var(--surface-container-high),var(--surface-container));border:1px solid var(--silver-dim);color:var(--silver);box-shadow:0 6px 20px rgba(0,0,0,.4)}.btn-reroll:hover:not(:disabled){box-shadow:0 8px 24px rgba(216,218,223,.2);border-color:var(--silver2)}.btn-sonido{border:1px solid var(--border2);background:var(--surface-container-high);color:var(--muted2);border-radius:999px;width:38px;height:38px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0}.btn-sonido:hover{border-color:var(--silver2);color:var(--silver)}.btn-sonido.silenciado{color:var(--muted)}.link-nueva{color:var(--muted2);text-decoration:underline;font-size:12.5px}.info-secundaria{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}@media(max-width:700px){.info-secundaria{grid-template-columns:1fr}}.leyenda-colores{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:140px;overflow-y:auto;padding:12px;width:100%;min-width:0;background:var(--surface-container);border:1px solid var(--border2);border-radius:var(--radius-sm)}.chip-color{display:inline-flex;align-items:center;gap:6px;background:var(--surface-container-high);border:1px solid var(--border2);border-radius:999px;padding:4px 10px 4px 6px;font-size:12px;color:var(--text2);font-family:var(--font-display);font-weight:500}.chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(0,0,0,.4)}.historial-panel{width:100%;min-width:0;background:var(--surface-container);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column}.historial-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);margin-bottom:8px}.btn-limpiar-historial{background:none;border:none;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.btn-limpiar-historial:hover{color:var(--red2)}.historial-lista{list-style:none;margin:0;padding:0;max-height:120px;overflow-y:auto}.historial-lista li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--text2);padding:5px 0;border-bottom:1px dashed var(--border2)}.historial-lista li:last-child{border-bottom:none}.historial-lista .hora{color:var(--muted);font-size:11px;flex-shrink:0;font-family:var(--font-mono)}.historial-vacio{color:var(--muted);font-size:12px;text-align:center;padding:6px 0}.overlay-ganador{position:fixed;inset:0;z-index:1000;background:rgba(12,14,18,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.overlay-ganador.visible{opacity:1;pointer-events:auto}.modal-ganador{position:relative;background:linear-gradient(160deg,var(--surface-container),var(--surface));border:1px solid rgba(229,9,20,.5);border-radius:16px;padding:44px 40px 36px;text-align:center;max-width:420px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(229,9,20,.25);transform:scale(.6);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.overlay-ganador.visible .modal-ganador{transform:scale(1)}.modal-ganador::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--silver2),var(--red));border-radius:16px 16px 0 0}.modal-trofeo{font-size:56px;margin-bottom:10px;filter:drop-shadow(0 4px 14px rgba(229,9,20,.5))}.modal-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red2);margin-bottom:10px}.modal-nombre{font-family:var(--font-display);font-size:clamp(24px,5vw,34px);font-weight:700;letter-spacing:-.3px;color:var(--text);text-transform:uppercase;text-shadow:0 0 24px var(--red-glow);margin-bottom:22px;word-break:break-word}.btn-cerrar-modal{padding:11px 30px;border-radius:999px;border:1px solid var(--border2);background:var(--surface-container-high);color:var(--text2);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .18s}.btn-cerrar-modal:hover{border-color:var(--silver2);color:var(--silver);transform:translateY(-1px)}.modal-acciones{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-reroll-modal{padding:11px 22px;border-radius:999px;border:1px solid rgba(229,9,20,.5);background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(216,218,223,.05));color:var(--red2);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .18s}.btn-reroll-modal:hover{background:linear-gradient(135deg,var(--red),var(--red-dim));color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(229,9,20,.4)}.btn-reroll-modal:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-acciones-extra{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border2)}.btn-copiar,.btn-eliminar-ganador{padding:8px 16px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:1px solid var(--border2);background:var(--surface-container-high);color:var(--muted2);transition:all .18s}.btn-copiar:hover{border-color:var(--silver2);color:var(--silver)}.btn-eliminar-ganador:hover{border-color:rgba(229,9,20,.5);color:var(--red2)}#canvas-confeti{position:fixed;inset:0;z-index:1001;pointer-events:none;opacity:0;transition:opacity .3s ease}#canvas-confeti.visible{opacity:1}.btn-grabar{position:fixed;bottom:6px;left:50%;transform:translateX(-50%);z-index:900;padding:4px 12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono);color:rgba(255,255,255,.10);background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.btn-grabar:hover{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.btn-grabar.grabando{color:rgba(229,9,20,.55);border-color:rgba(229,9,20,.25)}.btn-grabar.grabando:hover{color:rgba(229,9,20,.95);border-color:rgba(229,9,20,.5);background:rgba(229,9,20,.06)}@media(max-width:480px){.hero{padding:32px 16px 24px}.header-inner{padding:0 10px}.header-right{gap:5px}.logo-ken,.logo-store{font-size:17px}.carrito-btn{padding:6px 10px 6px 8px;gap:4px}.nav-combos{font-size:10px;padding:4px 7px}.link-simple{font-size:11px;padding:4px 7px}a.volver{font-size:11px;padding:4px 7px}.btn-filtros-mobile{font-size:11px;padding:5px 9px;gap:3px}.stats-pill{gap:6px}.stat{font-size:10px}.stat strong{font-size:12px}.cabecera{padding:0 14px}.card-actions{gap:4px}.card-precio{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty-btn{width:24px;height:26px;font-size:13px}.qty-num{width:24px;font-size:12px}.btn-agregar{font-size:11px;padding:6px 0}.btn-compartir{width:28px;height:28px}.producto-wrap{padding:0 14px;gap:20px}.img-hero .prod-logo{width:80px;height:80px}.img-hero .prod-fallback-logo{width:48px;height:48px}.drawer-head{padding:14px 16px}.drawer-head h2{font-size:16px}.drawer-items{padding:10px 12px}.combo-builder{padding:0 12px 40px}.combo-summary{padding:16px}.combo-summary-left{min-width:0}.combo-summary-total{font-size:22px}.btn-combo-add{padding:10px 16px;font-size:12px}.btn-combo-clear{padding:8px 12px;font-size:11px}.legal-wrap{padding:40px 14px 60px}.promo-seccion{padding:0 14px 40px}.tier-badge{padding:8px 12px;font-size:11px}.tier-badge .tier-pct{font-size:14px}}@media(max-width:360px){.header-inner{padding:0 8px}.header-right{gap:4px}.logo-ken,.logo-store{font-size:15px}.carrito-btn{padding:5px 7px 5px 6px}.nav-combos{font-size:9px;padding:3px 5px}.cuenta-avatar{width:26px;height:26px;font-size:11px}.btn-filtros-mobile{font-size:10px;padding:4px 7px}.link-simple{font-size:10px;padding:3px 5px}a.volver{font-size:10px;padding:3px 5px}.grid{gap:8px}.card-body{padding:8px 10px 10px;gap:6px}.card-nombre{font-size:12px}.card-precio{font-size:14px}.card-actions{gap:3px}.qty-btn{width:22px;height:24px;font-size:12px}.qty-num{width:22px;font-size:11px}.btn-agregar{font-size:10px;padding:5px 0}.btn-compartir{width:24px;height:24px}.ci{padding:8px;gap:8px}.ci-img{width:36px;height:36px}.ci-img img{width:30px;height:30px}.ci-nombre{font-size:12px}.combo-grid{gap:6px}.combo-card{padding:10px 8px}.combo-card-nombre{font-size:11px}.combo-card-precio{font-size:12px}}.container{max-width:var(--container-max,1280px);margin:0 auto;padding:0 var(--gutter,24px)}.meta{font-size:12px;color:var(--muted);font-family:var(--font-mono,monospace)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:12px;text-align:center;color:var(--muted)}.empty a{color:var(--secondary-container);font-weight:600}.login-back{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;padding:4px 0;margin-bottom:20px}.login-back:hover{color:var(--text)}.login-box{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;max-width:440px}.login-error{background:rgba(229,9,20,.1);border:1px solid var(--status-error);border-radius:var(--radius-sm);padding:12px 16px;color:var(--status-error);font-size:13px;font-weight:600;margin-bottom:20px;text-align:center}.login-info{font-size:12px;color:var(--muted);margin-top:16px}.login-info a{color:var(--secondary-container)}.logo-login{display:flex;justify-content:center;margin-bottom:24px}.logo-login .logo-ken,.logo-login .logo-store{font-size:24px}.producto-wrap{max-width:1024px;margin:0 auto;padding:0 var(--gutter) 64px;display:flex;flex-direction:row;align-items:flex-start;gap:32px}.producto-wrap > .panel-info{flex:1;order:1;min-width:0}.producto-wrap > .panel-imagen{flex:0 0 44%;max-width:44%;order:0;position:sticky;top:80px;align-self:flex-start}@media(max-width:768px){.producto-wrap{flex-direction:column}.producto-wrap > .panel-imagen{order:-1;flex:0 0 auto;max-width:100%;position:static}.producto-wrap > .panel-info{order:0}.producto-wrap .panel-imagen .img-hero{aspect-ratio:16/9}}.img-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:var(--radius-lg);overflow:hidden}.img-hero .prod-logo{width:140px;height:140px;object-fit:contain;z-index:2}.img-hero .prod-fallback-logo{width:140px;height:140px;object-fit:contain;opacity:.55;z-index:2}@media(max-width:1024px){.img-hero{min-height:200px}.img-hero .prod-logo{width:80px;height:80px}.img-hero .prod-fallback-logo{width:48px;height:48px}}.panel{display:flex;gap:24px;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.panel-imagen{display:flex;flex-direction:column;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.panel-imagen .img-hero{border-radius:0;min-height:320px;display:flex;align-items:stretch;justify-content:stretch;padding:0;flex:1}.producto-wrap .panel-imagen .img-hero{min-height:280px;flex:none;padding:0;align-items:stretch;justify-content:stretch;position:relative}.producto-wrap .panel-imagen .img-hero .prod-logo,.producto-wrap .panel-imagen .img-hero .prod-fallback-logo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;position:absolute;inset:0}.producto-wrap .panel-imagen .img-hero .img-badges{z-index:5}.producto-wrap .panel-imagen .img-hero .badge-agotado-grande{z-index:5}.panel-imagen > .img-footer{padding:12px 20px;border-top:1px solid var(--glass-border);background:var(--surface-container-lowest);position:static;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.panel-imagen > .galeria-miniaturas{padding:12px 16px;border-top:1px solid var(--glass-border);justify-content:flex-start;background:var(--surface-container-lowest)}.panel-info{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.panel{flex-direction:column}.panel-imagen .img-hero{min-height:220px}.panel-info{padding:16px}}.prod-nombre{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;line-height:1.2}.prod-precio-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.prod-precio{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--primary-container)}.prod-precio-cop{font-size:14px;color:var(--muted);font-weight:500}.prod-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--green);font-weight:600}.prod-check .material-symbols-outlined{font-size:18px}.prod-desc-wrap{margin-top:16px}.prod-desc-titulo{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.prod-desc{font-size:14px;line-height:1.7;color:var(--on-surface-variant)}.prod-desc-vacio{font-size:13px;color:var(--muted);font-style:italic}.galeria-miniaturas{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;justify-content:center;max-width:100%;flex-wrap:nowrap}.garantia-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--on-surface-variant);padding:8px 0}.garantia-icon{font-size:20px;color:var(--green)}.cross-sell-wrap{margin-top:48px;padding:28px 24px;background:linear-gradient(180deg,var(--surface-container-low) 0%,var(--surface-container-lowest) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.cross-sell-wrap::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.08;pointer-events:none}.cross-sell-titulo{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px;position:relative}.cross-sell-sub{font-size:13px;color:var(--on-surface-variant);margin-bottom:20px;position:relative}.cross-sell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;position:relative}.cross-sell-card{background:var(--surface-container);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:12px;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s;cursor:pointer;position:relative;overflow:hidden}.cross-sell-card:hover{border-color:var(--primary-container);box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 0 1px var(--primary-container);transform:translateY(-4px)}.cross-sell-card::after{content:"Combo";position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;z-index:3}.cross-sell-img{width:100%;height:110px;display:flex;align-items:center;justify-content:center;background:var(--surface-container-lowest);border-radius:var(--radius-sm)}.cross-sell-img img{max-width:78%;max-height:78%;object-fit:contain}.cross-sell-fallback-logo{width:48px;height:48px;object-fit:contain;opacity:.45}.cross-sell-info{display:flex;flex-direction:column;gap:4px}.cross-sell-nombre{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-sell-precio{font-size:15px;font-weight:800;color:var(--primary-container);font-family:var(--font-display)}.faq-wrap{margin-top:48px;padding:0;max-width:100%}.faq-titulo{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:10px}.faq-titulo::before{content:"";width:4px;height:22px;background:var(--primary-container);border-radius:2px;display:inline-block}.faq-sub{font-size:13px;color:var(--on-surface-variant);margin-bottom:20px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color .25s,box-shadow .25s,background .25s}.faq-item + .faq-item{margin-top:0}.faq-item:hover{border-color:var(--primary-container);background:var(--surface-container)}.faq-item[open]{border-color:var(--primary-container);box-shadow:0 6px 20px rgba(0,0,0,.25)}.faq-q{cursor:pointer;padding:18px 20px;font-size:14px;font-weight:600;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-q::-webkit-details-marker{display:none}.faq-q::marker{display:none;content:""}.faq-q::after{content:"+";font-size:22px;font-weight:300;color:var(--primary-container);transition:transform .25s;flex-shrink:0;line-height:1}.faq-item[open] .faq-q::after{content:"−";transform:rotate(180deg)}.faq-a{padding:0 20px 18px 20px;font-size:13.5px;line-height:1.7;color:var(--on-surface-variant);animation:faqOpen .3s ease}@keyframes faqOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-a > *:last-child{margin-bottom:0}.legal-wrap{max-width:800px;margin:0 auto;padding:60px 24px 100px}.legal-updated{font-family:var(--font-mono);font-size:12px;color:var(--on-surface-variant);margin-bottom:48px;padding:12px 16px;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);display:inline-block}.legal-section{margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--border2)}.legal-section:last-of-type{border-bottom:none;margin-bottom:32px}.legal-section h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);margin-bottom:24px;display:flex;align-items:center;gap:12px}.legal-section h2::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--primary-container);box-shadow:0 0 12px rgba(230,57,70,.6);flex-shrink:0}.legal-section h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--on-surface-variant);margin:28px 0 12px 0}.legal-section h3:first-child{margin-top:0}.legal-section p{font-size:15px;line-height:1.8;color:var(--on-surface-variant);margin-bottom:16px}.legal-section ul,.legal-section ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px;margin:16px 0}.legal-section li{position:relative;padding-left:28px;font-size:15px;line-height:1.7;color:var(--on-surface-variant)}.legal-section li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--secondary-container);box-shadow:0 0 8px rgba(111,66,193,.4)}.legal-section ol li::before{content:counter(list-item) ".";counter-increment:list-item;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--primary-container);color:#fff;font-family:var(--font-display);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(230,57,70,.4)}.legal-section ol{counter-reset:list-item}.legal-section a{color:var(--secondary-container);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .2s}.legal-section a:hover{color:var(--primary-container);border-bottom-color:var(--primary-container)}.legal-contact{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;margin-top:24px}.legal-contact-row{display:flex;align-items:flex-start;gap:16px;padding:14px 0}.legal-contact-row + .legal-contact-row{border-top:1px solid var(--glass-border)}.legal-contact-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);width:100px;flex-shrink:0}.legal-contact-row span:last-child,.legal-contact-row a{color:var(--text);font-size:14px;font-weight:500}.legal-contact a{color:var(--secondary-container);text-decoration:none;transition:all .2s}.legal-contact a:hover{color:var(--primary-container);text-decoration:underline}.legal-back{display:inline-flex;align-items:center;gap:8px;margin-top:40px;padding:10px 18px;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--on-surface-variant);text-decoration:none;transition:all .2s}.legal-back:hover{background:var(--primary-container);border-color:var(--primary-container);color:#fff;transform:translateX(-4px)}.trust-section{background:var(--surface-container-lowest);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px}.trust-item{text-align:center;padding:16px;border-radius:var(--radius-sm);transition:all .2s}.trust-item:hover{background:var(--surface-container-low);transform:translateY(-2px)}.trust-item > div:first-child{font-size:32px;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.trust-item > div:last-child{font-size:13px;font-weight:600;color:var(--on-surface-variant);line-height:1.4}.combos-faq-section{max-width:800px;margin:48px auto;padding:0 24px}.combos-faq-section h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);margin-bottom:24px;text-align:center}.platform-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:18px 14px;display:flex;flex-direction:column;gap:10px;transition:all var(--transition-fast);cursor:pointer;max-width:200px;position:relative;overflow:hidden}.platform-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-container);transform:scaleX(0);transition:transform var(--transition-fast)}.platform-card:hover::before{transform:scaleX(1)}.platform-card:hover{border-color:var(--primary-container);box-shadow:0 12px 32px rgba(230,57,70,.2);transform:translateY(-4px)}.platform-card.selected{border-color:var(--primary-container);background:rgba(230,57,70,.08);box-shadow:0 0 24px rgba(230,57,70,.25);transform:translateY(-4px)}.platform-card.selected::after{content:'✓';position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--primary-container);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 4px 12px rgba(230,57,70,.4)}.platform-card .platform-card-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface-container-lowest);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.platform-card .platform-card-img img{max-width:60%;max-height:60%;object-fit:contain;transition:transform var(--transition-fast)}.platform-card .platform-card-img .platform-fallback-logo{max-width:70%;max-height:70%}.platform-card:hover .platform-card-img img{transform:scale(1.05)}.platform-card .platform-card-nombre{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text);text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.platform-card .platform-card-precio{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--primary-container);text-align:center;background:var(--surface-container-lowest);padding:8px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.combos-wrapper{max-width:1200px;margin:48px auto;padding:0 24px}.tier-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}.tier-badge{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;min-width:120px}.tier-badge.active{border-color:var(--primary-container);background:rgba(230,57,70,.08);box-shadow:0 0 20px rgba(230,57,70,.2);transform:scale(1.05)}.tier-badge .tier-num{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--primary-container)}.tier-badge span:last-child{font-size:13px;font-weight:600;color:var(--on-surface-variant)}.tier-badge .tier-pct{color:var(--green);font-weight:800}.combos-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface-container-high);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);padding:16px 24px;z-index:1000;box-shadow:0 -8px 32px rgba(0,0,0,.4)}.combos-sticky-bar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.combos-sticky-bar .info-text{display:flex;flex-direction:column;gap:4px}.combos-sticky-bar .info-text > span:first-child{font-size:13px;font-weight:600;color:var(--on-surface-variant)}.combos-sticky-bar .total-price{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--primary-container)}.combos-sticky-bar .combo-descuento{font-size:14px;font-weight:700;color:var(--green);margin-left:8px}.combos-sticky-bar .btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--on-surface-variant);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.combos-sticky-bar .btn-ghost:hover{border-color:var(--red2);color:var(--red2)}.combos-sticky-bar .btn-primary{background:var(--primary-container);border:none;color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.combos-sticky-bar .btn-primary:hover:not(:disabled){background:#d63447;transform:translateY(-2px);box-shadow:0 8px 20px rgba(230,57,70,.4)}.combos-sticky-bar .btn-primary:disabled{opacity:0.5;cursor:not-allowed}.img-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}.img-footer{position:absolute;bottom:12px;right:12px;display:flex;gap:8px}.prods-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--surface-container-high);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 16px;font-size:12px;color:var(--text);white-space:nowrap;z-index:50;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.5)}.info-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--on-surface-variant);background:var(--surface-container-lowest);border:1px solid var(--glass-border);border-radius:999px;padding:4px 10px}.info-chips{display:flex;gap:8px;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.breadcrumb a{color:var(--secondary-container);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--on-surface-variant)}.btn-wa-prod{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s}.btn-wa-prod:hover{background:#1ebe57}.btn-compartir-prod{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 16px;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-compartir-prod svg{flex-shrink:0}.btn-compartir-prod:hover{background:var(--primary-container);color:#fff;border-color:var(--primary-container);transform:translateY(-1px);box-shadow:0 4px 12px rgba(230,57,70,.3)}[aria-current="page"]{color:var(--primary-container);font-weight:700;pointer-events:none}.breadcrumb [aria-current="page"]{color:var(--text);font-weight:700}nav [aria-current="page"],.sidebar [aria-current="page"]{background:rgba(230,57,70,.12);color:var(--primary-container);border-left:3px solid var(--primary-container)}.btn-agregar-prod{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;padding:14px 24px;background:var(--primary-container);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-agregar-prod:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s}.btn-ghost:hover{border-color:var(--on-surface-variant)}.btn-red{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--status-error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-red:hover{opacity:.9}.btn-green{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--green);color:#000;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-green:hover{opacity:.9}.btn-volver{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;padding:4px 0}.btn-volver:hover{color:var(--text)}.ordenes-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.orden-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.orden-items-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-container-lowest);border-radius:var(--radius-sm);font-size:13px;color:var(--text)}.orden-search{display:flex;align-items:center;gap:10px;background:var(--surface-container-lowest);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 14px;max-width:320px}.orden-search input{flex:1;background:transparent;border:none;outline:none;padding:10px 0;color:var(--text);font-size:13px}.orden-search input::placeholder{color:var(--muted)}.codigo-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;font-family:var(--font-mono,monospace);background:var(--surface-container);color:var(--secondary-container);border-radius:999px;padding:3px 10px;border:1px solid var(--glass-border)}.so-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:4px;min-width:140px}.so-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.so-num{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--primary-container)}.stat-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px 20px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.stat-card .numero{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--primary-container)}.stat-card .etiqueta{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stats-ordenes{margin-bottom:32px}.table-wrap{overflow-x:auto;width:100%}.table-container{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}table thead{background:var(--surface-container-high)}table thead th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}table tbody td{padding:10px 12px;border-top:1px solid var(--glass-border);color:var(--text);white-space:nowrap}table tbody tr:hover{background:var(--surface-container-low)}table td.codigo{font-family:var(--font-mono,monospace);font-weight:700;color:var(--secondary-container)}table td.total{font-weight:700;color:var(--primary-container)}table td.fecha{color:var(--muted);font-size:12px}.cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.cat-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:8px}.cat-empty{text-align:center;padding:48px 16px;font-size:14px;color:var(--muted)}.cat-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--secondary-container);background:rgba(0,222,237,.08);border:1px solid rgba(0,222,237,.2);border-radius:999px;padding:2px 8px}.cat-table-wrap{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.badge-popular{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(225,29,72,.12);border:1px solid rgba(225,29,72,.3);color:var(--primary)}.badge-nuevo{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:var(--status-success)}.badge-pend{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(255,193,7,.15);color:#ffc107}.badge-cat{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--surface-container-high);color:var(--muted)}.badge-agotado-grande{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:999px;background:var(--status-error);color:#fff}.badge-estado{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge-estado-cup n{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}.badge-estado.active,.badge-estado.activo{background:rgba(78,222,163,.15);color:var(--green)}.badge-estado.pendiente{background:rgba(255,193,7,.15);color:#ffc107}.badge-estado.pagado{background:rgba(78,222,163,.15);color:var(--green)}.badge-estado.cancelado{background:rgba(248,113,113,.15);color:#f87171}.badge-estado.inactivo{background:rgba(255,255,255,.06);color:var(--muted)}.badge-estado-cup n.activo{background:rgba(78,222,163,.15);color:var(--green)}.badge-estado-cupon.agotado,.badge-estado-cupon.inactivo{background:rgba(229,9,20,.1);color:var(--status-error)}.badge-origen{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-container-high);color:var(--on-surface-variant)}.badge-alcance{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--tertiary-container);color:var(--on-tertiary-cntainer)}.disp-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.disp-dot.ok,.disp-dot.on,.disp-dot.disponible{background:var(--green)}.disp-dot.off,.disp-dot.agotado{background:var(--status-error)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-container-high);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--primary-container);color:#fff;border-color:var(--primary-container)}.actions,.acciones{display:flex;gap:8px;flex-wrap:wrap}.fila-2{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.fila-acciones{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-edit{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);padding:4px 8px;font-size:13px;outline:none;transition:border-color .2s}.inline-edit:focus{border-color:var(--primary-container)}.submit{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary-container);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.submit:hover{opacity:.9}.fe-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:color .2s}.fe-btn:hover{color:var(--primary-container)}.gestionar-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .2s}.gestionar-btn:hover{background:var(--secondary-container);color:#000;border-color:var(--secondary-container)}.gf{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.chat{display:flex;flex-direction:column;gap:12px;padding:16px;max-height:400px;overflow-y:auto}.bubble{display:inline-flex;padding:8px 14px;border-radius:12px 12px 12px 4px;background:var(--surface-container-low);font-size:13px;color:var(--text);max-width:60%;line-height:1.5}.bubble.own{border-radius:12px 12px 4px 12px;background:var(--primary-container);color:#fff;align-self:flex-end}.grafico-wrap{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:20px}.grafico-titulo{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px}.grafico-bars{display:flex;align-items:flex-end;gap:4px;height:200px}.grafico-fechas{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filtros-estado{display:flex;gap:8px;flex-wrap:wrap}.alcance-toggle{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.alcance-btn{padding:4px 12px;font-size:11px;font-weight:600;border-radius:999px;border:1px solid var(--glass-border);background:var(--surface-container-low);color:var(--text);cursor:pointer;transition:all .2s}.alcance-btn:hover{border-color:var(--secondary-container)}.alcance-btn.active{background:var(--secondary-container);color:#000;border-color:var(--secondary-container)}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.modal-content{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.combo-promo-btn-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-container);color:#fff;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.combo-promo-btn-inline:hover{opacity:.85}.quick{display:flex;gap:4px;align-items:center}.sel-todos{font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all .2s}.sel-todos:hover{color:var(--secondary-container)}.gb{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--on-surface-variant)}.guardar{display:inline-block;padding:4px 12px;background:var(--secondary-container);color:#000;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.guardar:hover{opacity:.85}.status-err{font-size:11px;font-weight:600;color:var(--status-error);display:inline-flex;align-items:center;gap:4px}.usos-bar{width:100%;height:6px;background:var(--surface-container-high);border-radius:3px;overflow:hidden}.usos-bar-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s}.danger{background:var(--status-error);color:#fff}.danger:hover{opacity:.85}.borrar{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(229,9,20,.15);color:var(--status-error);border:1px solid var(--status-error);border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.borrar:hover{background:var(--status-error);color:#fff}.estado-sel{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--text);font-size:12px;cursor:pointer;transition:border-color .2s}.estado-sel:focus{border-color:var(--secondary-container);outline:none}.estado-sel option{background:var(--surface-container-low);color:var(--text)}.fijada{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#ffc107;background:rgba(255,193,7,.1);padding:2px 6px;border-radius:999px}.name{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:14px}.arrow{font-size:10px;color:var(--muted)}.time{font-size:11px;color:var(--muted);font-family:var(--font-mono,monospace)}.mini-img{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-container-lowest);cursor:pointer;padding:0;overflow:hidden;transition:border-color .2s}.mini-img img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--radius-sm) - 2px)}.mini-img:hover,.mini-img.active{border-color:var(--primary-container)}.card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px;transition:border-color .2s}.cards{display:flex;flex-direction:column;gap:12px}.platform-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:16px 12px;display:flex;flex-direction:column;gap:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer;max-width:200px}.platform-card:hover{border-color:var(--primary-container);box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateY(-2px)}.platform-card.selected{border-color:var(--primary-container);background:rgba(230,57,70,.08);box-shadow:0 0 16px rgba(230,57,70,.15);transform:translateY(-2px)}.platform-card .platform-card-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface-container-lowest);border-radius:var(--radius-md);overflow:hidden}.platform-card .platform-card-img img{max-width:60%;max-height:60%;object-fit:contain}.platform-card .platform-card-nombre{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.platform-card .platform-card-precio{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--primary-container);text-align:center}.glass-panel{background:rgba(22,29,22,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.4)}.step-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;display:flex;gap:16px;align-items:flex-start;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.step-card:hover{border-color:var(--primary-container);box-shadow:0 8px 24px rgba(0,0,0,.3)}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-container);color:#fff;font-family:var(--font-display);font-size:24px;font-weight:800;border-radius:var(--radius-full)}.input-focus-red{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text);font-size:15px;outline:none;transition:border-color var(--transition-fast);width:100%}.input-focus-red::placeholder{color:var(--muted)}.input-focus-red:focus{border-color:var(--primary-container);box-shadow:0 0 0 3px rgba(230,57,70,.2)}.login-card{max-width:440px;width:100%;background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:0 24px 64px rgba(0,0,0,.5)}.login-card h1{font-family:var(--font-display);font-size:32px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.login-card .subtitle{font-size:15px;color:var(--on-surface-variant);margin-bottom:32px}.login-card .field-group{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.login-card .field-group label{font-size:13px;font-weight:600;color:var(--on-surface-variant);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;display:block}.login-card .btn-login{width:100%;padding:14px;background:var(--primary-container);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.login-card .btn-login:hover{background:#c92e3a;transform:translateY(-1px);box-shadow:0 4px 16px rgba(230,57,70,.35)}.login-card .link-row{display:flex;justify-content:space-between;font-size:13px;margin-top:16px}.login-card .link-row a{color:var(--secondary-container);text-decoration:none;font-weight:600}.login-card .link-row a:hover{text-decoration:underline}.nosotros-hero{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px;overflow:hidden}.nosotros-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(230,57,70,.15) 0%,transparent 70%);z-index:0}.nosotros-hero > *{position:relative;z-index:1}.nosotros-hero h1{font-family:var(--font-display);font-size:48px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.nosotros-hero p{font-size:18px;color:var(--on-surface-variant);max-width:640px;line-height:1.7}.nosotros-section{max-width:var(--container-max);margin:0 auto;padding:64px var(--gutter)}.nosotros-section h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;margin-bottom:32px;text-align:center;letter-spacing:-.01em}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.testimonios-card{background:var(--surface-container-low);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;text-align:center;max-width:560px;margin:0 auto}.testimonios-card p{font-size:15px;color:var(--on-surface-variant);line-height:1.7;margin-bottom:16px}.testimonios-card .btn-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}.testimonios-card .btn-wa:hover{background:#1ebe57}.combos-wrapper{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter) 120px}.combos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.combos-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(22,29,22,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:16px var(--gutter);box-shadow:0 -4px 24px rgba(0,0,0,.6)}.combos-sticky-bar-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.combos-sticky-bar .info-text{font-size:14px;color:var(--on-surface-variant);display:flex;flex-direction:column;gap:4px}.combos-sticky-bar .total-price{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--primary-container)}.combos-sticky-bar .btn-primary{padding:12px 24px;background:var(--primary-container);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.combos-sticky-bar .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.combos-sticky-bar .btn-primary:not(:disabled):hover{background:#c92e3a;transform:translateY(-1px)}.carrito-page{min-height:70vh;padding:40px 24px;display:flex;justify-content:center}.carrito-page-container{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:24px}.carrito-page-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.carrito-page-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text);margin:0}.carrito-page-title span{color:var(--green)}.carrito-steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.carrito-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex:1}.carrito-step:not(:last-child)::after{content:'';position:absolute;top:12px;left:50%;right:-50%;height:2px;background:var(--glass-border);z-index:0}.carrito-step.done::after{background:var(--green)}.carrito-step.active::after{background:var(--green)}.carrito-step.active .step-num{background:var(--green);color:#fff}.carrito-step.done .step-num{background:var(--green);color:#fff;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.carrito-step:first-child::after{left:calc(50% + 12px)}.carrito-step:last-child::after{display:none}.step-num{width:24px;height:24px;border-radius:50%;background:var(--surface-container-high);border:2px solid var(--glass-border);color:var(--muted);font-family:var(--font-display);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .2s}.step-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.carrito-step.active .step-label{color:var(--green)}.carrito-page-empty{text-align:center;padding:60px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.carrito-page-empty-icon{font-size:48px;opacity:.4;margin-bottom:8px}.carrito-page-empty p{margin:0;font-size:15px;line-height:1.6}.carrito-page-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--muted2);font-size:14px}.carrito-page-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.carrito-content{width:100%}.carrito-pane{display:none}.carrito-pane.active{display:block;animation:carritoFadeIn .25s ease}@keyframes carritoFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.carrito-pane-wrap{display:flex;flex-direction:column;gap:16px}.pane-head{margin-bottom:8px}.pane-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);margin:0 0 4px}.pane-sub{font-size:13px;color:var(--text-muted);margin:0}.carrito-back{background:none;border:none;color:var(--text2);font-size:13px;cursor:pointer;padding:0;text-align:left;align-self:flex-start;margin-bottom:16px}.carrito-back:hover{color:var(--text)}.metodo-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}.metodo-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-container-lowest);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.metodo-card:hover{border-color:rgba(225,29,72,.3)}.metodo-card[aria-checked="true"]{border-color:var(--green);background:rgba(34,197,94,.06)}.metodo-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.metodo-icon.nequi{background:#1a1a2e;color:#8b5cf6}.metodo-icon.breb{background:#1a1a2e;color:#0ea5e9}.metodo-info{flex:1}.metodo-nombre{font-weight:700;font-size:14px;color:var(--text)}.metodo-desc{font-size:12px;color:var(--muted)}.metodo-radio{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.metodo-card[aria-checked="true"] .metodo-radio{border-color:var(--green)}.metodo-radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:all .15s}.metodo-card[aria-checked="true"] .metodo-radio-dot{background:var(--green)}.datos-card{background:var(--surface-container-lowest);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px}.datos-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.datos-header-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px}.datos-header-icon.nequi{background:#1a1a2e;color:#8b5cf6}.datos-header-icon.breb{background:#1a1a2e;color:#0ea5e9}.datos-header-title{font-size:16px;font-weight:700;color:var(--text)}.datos-header-sub{font-size:12px;color:var(--muted)}.datos-fila{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.datos-key{font-size:13px;color:var(--muted)}.datos-val{font-size:14px;font-weight:600;color:var(--text)}.datos-val-wrap{display:flex;align-items:center;gap:8px}.datos-val-total{color:var(--green)}.btn-copiar{font-size:11px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-container);border:1px solid var(--glass-border);color:var(--text2);cursor:pointer;transition:all .15s}.btn-copiar:hover{background:var(--surface-container-high);border-color:var(--green);color:var(--green)}.btn-copiar.copied{background:var(--green);border-color:var(--green);color:#fff}.orden-codigo-box{background:var(--surface-container-lowest);border:2px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 20px;text-align:center}.orden-codigo-label{font-size:12px;color:var(--muted);margin-bottom:6px}.orden-codigo{font-family:monospace;font-size:22px;font-weight:700;color:#fff;letter-spacing:1px}.orden-codigo-sub{font-size:12px;color:var(--muted);margin-top:8px}.confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-icon svg{color:var(--green)}.confirm-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);margin:0 0 8px}.confirm-desc{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:400px;margin:0 auto 20px;text-align:center}.confirm-codigo-box{background:var(--surface-container-lowest);border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:16px 24px;text-align:center;margin-bottom:20px}.confirm-codigo-box small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.confirm-codigo-box strong{font-size:20px;color:var(--red)}.confirm-btns{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}.confirm-btns-label{font-size:12px;color:var(--muted);text-align:center;margin:0 0 8px}.btn-wa2,.btn-tg{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s}.btn-wa2{background:#25D366;color:#fff}.btn-wa2:hover{background:#20bd5a;transform:translateY(-1px)}.btn-tg{background:#0088cc;color:#fff}.btn-tg:hover{background:#0077b3;transform:translateY(-1px)}.carrito-ver-orden{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--primary);font-weight:600;text-decoration:none}.carrito-ver-orden:hover{text-decoration:underline}.carrito-item{display:flex;gap:12px;background:var(--surface-container-lowest);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px;transition:border-color .2s}.carrito-item:hover{border-color:rgba(225,29,72,.25)}.carrito-item-img{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--surface-dim);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.carrito-item-img img{max-width:85%;max-height:85%;object-fit:contain}.carrito-item-fallback{width:28px;height:28px;opacity:.7}.carrito-item-body{flex:1;display:flex;flex-direction:column;gap:4px}.carrito-item-nombre{font-size:13px;font-weight:600;color:var(--text);text-decoration:none;line-height:1.3}.carrito-item-nombre:hover{color:var(--primary)}.carrito-item-precio{font-size:13px;font-weight:700;color:var(--red)}.carrito-item-qty{display:flex;align-items:center;gap:8px;margin-top:auto}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--glass-border);background:var(--surface-container);color:var(--text);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.qty-btn:hover{background:var(--surface-container-high);border-color:var(--green)}.qty-num{font-family:var(--font-display);font-weight:700;font-size:14px;min-width:24px;text-align:center}.carrito-item-remove{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:var(--surface-container);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.carrito-item-remove:hover{background:rgba(225,29,72,.08);border-color:var(--red);color:var(--red)}.carrito-foot{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid var(--glass-border)}.carrito-contacto-wrap{display:flex;flex-direction:column;gap:8px}.carrito-contacto-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.carrito-contacto-input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--surface-dim);color:var(--text);font-family:var(--font-body);font-size:14px;transition:border-color .2s,box-shadow .2s}.carrito-contacto-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.carrito-contacto-input[aria-invalid="true"]{border-color:var(--red)}.carrito-contacto-msg{font-size:12px;color:var(--red);min-height:16px}.carrito-cupon-wrap{margin-top:-8px}.carrito-cta-primary{width:100%;border:none;border-radius:var(--radius-sm);background:var(--red);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;padding:14px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.carrito-cta-primary:hover{background:#c92e3a;transform:translateY(-1px);box-shadow:0 4px 16px rgba(225,29,72,.3)}.carrito-cta-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.carrito-cta-vaciar{width:100%;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:12px;cursor:pointer;transition:color .15s}.carrito-cta-vaciar:hover{color:var(--red2)}.carrito-resumen{position:sticky;top:100px}.resumen-card{background:var(--surface-container-lowest);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px}.resumen-titulo{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.resumen-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.resumen-item{display:flex;justify-content:space-between;font-size:13px}.resumen-item-nombre{color:var(--text2);line-height:1.4}.resumen-item-precio{font-weight:700;color:var(--text)}.resumen-totals{padding-top:12px;border-top:1px solid var(--glass-border)}.resumen-row{display:flex;justify-content:space-between;font-size:13px;margin:6px 0}.resumen-row-subtotal{color:var(--text2)}.resumen-row-desc{color:var(--green)}.resumen-row-total{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);margin-top:8px;padding-top:8px;border-top:1px solid var(--glass-border)}.resumen-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:10px}.trust-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.trust-row svg{flex-shrink:0;color:var(--green);opacity:.8}.confirm-redirigiendo{font-family:var(--font-body);font-size:12px;color:var(--muted);text-align:center;margin-bottom:10px;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:var(--radius-md)}.confirm-redirigiendo strong{color:var(--primary);font-family:var(--font-display)}.carrito-sugeridos{margin-top:32px;width:100%}.carrito-sugeridos-head{margin-bottom:14px}.carrito-sugeridos-title{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.carrito-sugeridos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sugerido-card{display:flex;flex-direction:column;background:var(--surface-container-lowest);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px;gap:8px;transition:border-color .2s,transform .2s}.sugerido-card:hover{border-color:rgba(225,29,72,.35);transform:translateY(-2px)}.sugerido-img{width:100%;height:64px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:contain;background-position:center;background-repeat:no-repeat}.sugerido-img img{max-width:80%;max-height:80%;object-fit:contain;display:block}.sugerido-fallback-logo{width:32px;height:32px;object-fit:contain;opacity:.6}.sugerido-info{display:flex;flex-direction:column;gap:2px;flex:1}.sugerido-nombre{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--fg);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sugerido-precio{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--primary)}.sugerido-add{width:100%;padding:7px 10px;border-radius:var(--radius-full);border:1px solid rgba(225,29,72,.45);background:linear-gradient(180deg,rgba(225,29,72,.14),rgba(225,29,72,.06));color:var(--primary);font-family:var(--font-display);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .2s,border-color .2s}.sugerido-add:hover{background:linear-gradient(180deg,rgba(225,29,72,.22),rgba(225,29,72,.12));border-color:var(--primary)}.sugerido-add.remove{background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.06));border-color:rgba(34,197,94,.45);color:var(--green)}@media(max-width:1024px){.carrito-page{padding:24px 16px}.carrito-page-layout{grid-template-columns:1fr;gap:20px}.carrito-resumen{position:static;order:-1}.carrito-resumen .resumen-card{display:flex;flex-direction:column}.resumen-items{order:1}.resumen-totals{order:2}.resumen-trust{order:3}.carrito-sugeridos-grid{grid-template-columns:repeat(2,1fr)}.carrito-steps{gap:4px}.step-label{font-size:10px}.step-num{width:20px;height:20px;font-size:10px}.platform-card{padding:14px;gap:8px}.login-card{padding:28px 20px;border-radius:var(--radius-lg)}.nosotros-hero{min-height:300px;padding:64px 16px}.nosotros-hero h1{font-size:32px}.nosotros-section{padding:40px 16px}.steps-grid{grid-template-columns:1fr}.combos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.combos-sticky-bar{padding:12px 16px}.combos-sticky-bar .total-price{font-size:20px}}