*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#111;--color-background:var(--color-bg);--color-surface:#1a1a1a;--color-surface-2:#222;--color-surface-3:#2a2a2a;--color-border:#ffffff14;--color-border-warm:#ff572233;--color-card-bg:#141414a6;--color-card-bg-strong:#141414d9;--color-card-bg-soft:#ffffff05;--color-card-border:#ffffff0f;--color-modal-bg:#000000bf;--color-input-bg:#0003;--color-footer-bg:#0d0d0d;--color-footer-text:#a3a3a3;--color-footer-muted:#555;--color-footer-border:#ff57221f;--color-footer-divider:#ffffff14;--color-admin-bg:#111;--color-primary:#ff5722;--color-primary-dark:#e64a19;--color-primary-glow:#ff572259;--color-accent:#fee715;--color-accent-dark:#f5d800;--color-accent-glow:#fee7154d;--color-viral:#ff5722;--color-viral-glow:#ff572266;--color-success:#00c896;--color-error:#ff3b3b;--color-warning:#fee715;--color-text:#f5f5f5;--color-text-muted:#999;--color-text-faint:#555;--font-sans:"Sora", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-orange:0 4px 20px var(--color-primary-glow);--shadow-yellow:0 4px 20px var(--color-accent-glow);--shadow-card:0 4px 24px #00000080;--color-nav-bg:#0d0d0df2;--color-nav-border:#ffffff0f;--color-nav-text-inactive:#888;--color-nav-text-active:#fff;--color-dropdown-bg:#141414fa;--color-dropdown-border:#ffffff14;--shadow-nav:0 4px 30px #00000080;--color-input-border:#ffffff14}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:#ff572240;box-shadow:0 0 24px #ff572214}.btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-orange);position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 8px 28px var(--color-primary-glow);transform:translateY(-2px)scale(1.03)}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-primary);background:#ff572214}.btn-accent{background:var(--color-accent);color:#111;box-shadow:var(--shadow-yellow);font-weight:800}.btn-accent:hover{background:var(--color-accent-dark);box-shadow:0 8px 24px var(--color-accent-glow);transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-viral{background:var(--color-primary);color:#fff;box-shadow:0 0 10px var(--color-viral-glow);animation:2s infinite pulseBadge}.badge-tiktok{color:#fff;background:#111;border:1px solid #ffffff26;align-items:center;gap:4px;display:inline-flex}.badge-trending{background:var(--color-accent);color:#111;font-weight:900}.badge-bestseller{color:#fff;background:linear-gradient(135deg,#ff5722,#ff8a50)}.badge-admin{color:var(--color-primary);background:#ff572226;border:1px solid #ff572240}.badge-cliente{color:var(--color-success);background:#00c8961a;border:1px solid #00c89633}.badge-pendiente{color:var(--color-accent-dark);background:#fee7151f;border:1px solid #fee71533}.badge-contraentrega{color:#ff8a50;background:#ff8a501f;border:1px solid #ff8a5040}.badge-enviado{color:var(--color-primary);background:#ff57221f;border:1px solid #ff572233}.badge-entregado{color:var(--color-success);background:#00c8961a;border:1px solid #00c89633}@keyframes pulseBadge{0%,to{box-shadow:0 0 6px var(--color-viral-glow)}50%{box-shadow:0 0 16px var(--color-viral-glow)}}.input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-family:var(--font-sans);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input::placeholder{color:var(--color-text-faint)}label{color:var(--color-text-muted);margin-bottom:.4rem;font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:1.2rem}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--color-surface-2)}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1.2rem;font-size:.78rem;font-weight:700}td{border-top:1px solid var(--color-border);padding:.85rem 1.2rem;font-size:.9rem}tr:hover td{background:#ffffff05}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.stock-bar-track{background:var(--color-surface-3);border-radius:9999px;height:5px;margin-top:6px;overflow:hidden}.stock-bar-fill{background:var(--color-primary);border-radius:9999px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.sp-toast{z-index:9999;background:var(--color-surface);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);max-width:300px;box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px 18px;font-size:.85rem;display:flex;position:fixed;bottom:24px;left:24px}.sp-toast-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}@media (width<=640px){.sticky-cart-btn{z-index:90;background:var(--color-primary);color:#fff;border-top:2px solid var(--color-primary-dark);box-shadow:0 -4px 20px var(--color-primary-glow);justify-content:center;align-items:center;gap:.75rem;padding:1.1rem;font-size:1rem;font-weight:800;display:flex;position:fixed;bottom:0;left:0;right:0}}.page-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15}.admin-ops-grid{grid-template-columns:320px minmax(0,1fr);gap:1.25rem;display:grid}.admin-ops-tabs-mobile{display:none}@media (width<=1024px){.admin-ops-grid{grid-template-columns:1fr}.admin-ops-sidenav{display:none}.admin-ops-tabs-mobile{display:flex}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:38px;height:38px;margin:2rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--color-text-muted);padding:4rem 2rem}.empty-state svg{opacity:.25;margin-bottom:1rem}.scarcity-bar{background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid #ff572226;margin-top:8px;padding:8px 10px}@media (width<=768px){:root{font-size:15px}.container{padding-left:1rem!important;padding-right:1rem!important}.nav-links-desktop,.nav-auth-desktop{display:none!important}.nav-hamburger{display:flex!important}section[style*="minHeight: 95vh"]{min-height:85vh!important}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:.75rem!important}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.table-wrap table{min-width:580px}.card{padding:1.25rem 1rem!important}.btn{padding:.6rem 1.1rem!important;font-size:.85rem!important}.form-group{margin-bottom:1rem}.input{font-size:16px!important}footer .container>div:first-child{grid-template-columns:1fr!important;gap:2rem!important}.sticky-mobile-cart{display:flex!important}body{padding-bottom:76px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}.modal-card{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto;margin:.5rem!important;padding:1.25rem!important}.tabs-scroll{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.page-title{font-size:1.6rem!important}.features-grid{grid-template-columns:repeat(2,1fr)!important}.responsive-flex-col{flex-direction:column!important;align-items:stretch!important}.responsive-grid-1{grid-template-columns:1fr!important}.responsive-grid-2{grid-template-columns:repeat(2,1fr)!important}.responsive-gap-lg{gap:1rem!important}.responsive-gap-md{gap:.75rem!important}.responsive-title{letter-spacing:-1px!important;font-size:clamp(1.8rem,5vw,2.5rem)!important}.touch-target{min-width:44px!important;min-height:44px!important}.mobile-w-full{width:100%!important;max-width:100%!important}.mobile-p-md{padding:1.25rem!important}.mobile-p-sm{padding:.75rem!important}input,select,textarea,.input{font-size:16px!important}}@media (width<=480px){:root{font-size:14px}.productos-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.features-grid{grid-template-columns:1fr!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.hero-cta-group{flex-direction:column!important;align-items:stretch!important}.hero-cta-group a,.hero-cta-group button{text-align:center;justify-content:center!important}}@media (width>=769px) and (width<=1024px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}.nav-links-desktop{display:flex!important}.nav-hamburger{display:none!important}}@media (width>=1025px){.nav-hamburger{display:none!important}.nav-links-desktop,.nav-auth-desktop{display:flex!important}.sticky-mobile-cart{display:none!important}body{padding-bottom:0!important}}:root[data-theme=light]{--color-bg:#f5f7fb;--color-background:var(--color-bg);--color-surface:#fff;--color-surface-2:#eef1f6;--color-surface-3:#e2e6ee;--color-border:#00000014;--color-border-warm:#ff572226;--color-card-bg:#fff;--color-card-bg-strong:#fff;--color-card-bg-soft:#f4f6fb;--color-card-border:#00000014;--color-modal-bg:#fffffff2;--color-input-bg:#fff;--color-footer-bg:#f4f6fb;--color-footer-text:#111;--color-footer-muted:#666;--color-footer-border:#00000014;--color-footer-divider:#00000014;--color-admin-bg:linear-gradient(180deg, #f7f8fb 0%, #eef1f6 55%, #e8ecf4 100%);--color-text:#111;--color-text-muted:#555;--color-text-faint:#888;--shadow-card:0 4px 24px #0000000a;--color-nav-bg:#ffffffeb;--color-nav-border:#0000000f;--color-nav-text-inactive:#555;--color-nav-text-active:var(--color-primary);--color-dropdown-bg:#fffffffa;--color-dropdown-border:#00000014;--shadow-nav:0 4px 20px #0000000d}.glass-panel{-webkit-backdrop-filter:blur(12px)!important;background:#1a1a1aa6!important;border:1px solid #ffffff14!important}:root[data-theme=light] .glass-panel{background:#ffffffa6!important;border:1px solid #00000014!important}.skeleton-box{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-dot{background-color:var(--color-error);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;position:relative}.pulse-dot:before{content:"";border:2px solid var(--color-error);border-radius:50%;animation:1.5s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (width>=1025px){.mobile-sticky-buy{display:none!important}}