:root{--bg-pitch-black:#030712;--bg-dark-surface:#0b132b;--bg-card-glass:#0d172cd9;--primary-cyan:#00d2ff;--primary-blue:#06f;--primary-glow:#00d2ff59;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-dimmed:#64748b;--gradient-cyan-blue:linear-gradient(135deg, #00d2ff 0%, #06f 100%);--gradient-metallic:linear-gradient(180deg, #fff 0%, #cbd5e1 60%, #94a3b8 100%);--spotlight-glow:radial-gradient(ellipse at 50% 0%, #00d2ff47 0%, #0066ff14 45%, transparent 75%);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-pitch-black);color:var(--text-primary);-webkit-font-smoothing:antialiased;touch-action:manipulation;line-height:1.6}body{background-color:var(--bg-pitch-black);background-image:radial-gradient(#ffffff1f 1px, transparent 1px), var(--spotlight-glow);background-position:0 0,0 0;background-size:26px 26px,100% 100%;background-attachment:fixed;min-height:100vh;overflow-x:hidden}input,select,textarea{font-size:16px!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}.text-gradient{background:var(--gradient-cyan-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-metallic{background:var(--gradient-metallic);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px -15px #000000b3}.glass-card:hover{border-color:#00d2ff66;transform:translateY(-4px);box-shadow:0 0 25px #00d2ff33}.glass-card-glow{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#0b162de0;border:1px solid #00d2ff59;box-shadow:0 0 35px #00d2ff40}.btn{cursor:pointer;font-weight:600;font-family:var(--font-heading);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-cyan-blue);color:#fff;box-shadow:0 4px 20px #00d2ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d2ff99}.btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff26}.btn-secondary:hover{border-color:var(--primary-cyan);background:#ffffff1f}.btn-outline{color:var(--primary-cyan);border:1px solid var(--primary-cyan);background:0 0}.btn-outline:hover{background:#00d2ff1f;box-shadow:0 0 20px #00d2ff4d}.btn-whatsapp{color:#fff;background:#25d366;font-weight:700;box-shadow:0 4px 20px #25d36659}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 25px #25d36680}.btn-sm{border-radius:8px;padding:.45rem .95rem;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.775rem;font-weight:700;display:inline-flex}.badge-recibido{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659}.badge-diagnostico{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.badge-reparacion{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.badge-listo{color:#34d399;background:#10b9812e;border:1px solid #10b98166;animation:2s infinite pulseGlow;box-shadow:0 0 15px #10b98140}.badge-entregado{color:#94a3b8;background:#64748b33;border:1px solid #64748b4d}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);background:#050c19e6;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:.75rem 1rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-cyan);box-shadow:0 0 15px #00d2ff4d}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020612e0;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#0b172e;border:1px solid #00d2ff66;width:100%;max-width:650px;max-height:92vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 60px -12px #000000e6,0 0 40px #00d2ff26}@media (width>=768px){.nav-desktop-actions{display:flex!important}.mobile-sandwich-btn{display:none!important}}@media (width<=767px){.nav-desktop-actions{display:none!important}.mobile-sandwich-btn{display:flex!important}.hide-mobile{display:none!important}.modal-content{padding:1.25rem!important}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#020612eb;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-content{z-index:10000;border-left:2px solid #00d2ff;flex-direction:column;width:88vw;max-width:320px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-15px 0 50px #000000fa;opacity:1!important;background:#050d1e!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floatDevice{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px #00d2ff33}50%{box-shadow:0 0 25px #00d2ff99}to{box-shadow:0 0 10px #00d2ff33}}.animate-float{animation:5s ease-in-out infinite floatDevice}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-pitch-black)}::-webkit-scrollbar-thumb{background:#00d2ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media print{html,body{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.modal-overlay,.no-print{display:none!important}body:after{content:none!important}}