@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--color-primario:#ff6b2b;--color-primario-hover:#e85a1a;--color-primario-claro:#fff0e8;--color-primario-borde:#ffcdb5;--color-exito:#10b981;--color-exito-claro:#d1fae5;--color-advertencia:#f59e0b;--color-advertencia-claro:#fef3c7;--color-peligro:#ef4444;--color-peligro-claro:#fee2e2;--color-info:#3b82f6;--color-info-claro:#dbeafe;--color-fondo:#0f172a;--color-fondo-tarjeta:#1e293b;--color-fondo-elevado:#263548;--color-fondo-input:#1e293b;--color-borde:#334155;--color-borde-sutil:#1e293b;--color-texto:#f1f5f9;--color-texto-secundario:#94a3b8;--color-texto-terciario:#64748b;--color-texto-inverso:#0f172a;--fuente-principal:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--espacio-xs:4px;--espacio-sm:8px;--espacio-md:16px;--espacio-lg:24px;--espacio-xl:32px;--espacio-2xl:48px;--radio-sm:8px;--radio-md:12px;--radio-lg:16px;--radio-xl:24px;--radio-full:9999px;--sombra-sm:0 1px 3px #0000004d;--sombra-md:0 4px 16px #0006;--sombra-lg:0 8px 32px #00000080;--sombra-primario:0 4px 20px #ff6b2b59;--transicion:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--fuente-principal);background-color:var(--color-fondo);color:var(--color-texto);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.contenedor{width:100%;max-width:480px;padding:0 var(--espacio-md);margin:0 auto}.contenedor-admin{width:100%;max-width:1400px;padding:0 var(--espacio-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--espacio-sm);padding:14px var(--espacio-lg);border-radius:var(--radio-md);transition:all var(--transicion);cursor:pointer;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--color-primario);color:#fff;box-shadow:var(--sombra-primario)}.btn-primario:hover:not(:disabled){background:var(--color-primario-hover);transform:translateY(-1px);box-shadow:0 6px 24px #ff6b2b73}.btn-primario:active:not(:disabled){transform:translateY(0)}.btn-secundario{background:var(--color-fondo-elevado);color:var(--color-texto);border:1px solid var(--color-borde)}.btn-secundario:hover:not(:disabled){background:var(--color-borde);border-color:var(--color-texto-terciario)}.btn-exito{background:var(--color-exito);color:#fff}.btn-exito:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-peligro{background:var(--color-peligro);color:#fff}.btn-peligro:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-advertencia{background:var(--color-advertencia);color:var(--color-texto-inverso)}.btn-advertencia:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-grande{padding:16px var(--espacio-xl);width:100%;font-size:16px}.btn-chico{padding:8px 14px;font-size:13px}.tarjeta{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-lg)}.badge{border-radius:var(--radio-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pendiente{background:var(--color-advertencia-claro);color:#92400e}.badge-aceptado{background:var(--color-info-claro);color:#1e40af}.badge-pagado{background:var(--color-exito-claro);color:#065f46}.badge-preparacion{color:#5b21b6;background:#ede9fe}.badge-listo{background:var(--color-exito-claro);color:#065f46}.badge-completado{background:var(--color-fondo-elevado);color:var(--color-texto-secundario)}.badge-rechazado{background:var(--color-peligro-claro);color:#991b1b}.input-grupo{flex-direction:column;gap:6px;display:flex}.input-etiqueta{color:var(--color-texto-secundario);font-size:14px;font-weight:500}.input-campo{background:var(--color-fondo-input);border:1.5px solid var(--color-borde);border-radius:var(--radio-md);width:100%;color:var(--color-texto);transition:border-color var(--transicion);outline:none;padding:12px 14px;font-size:15px}.input-campo:focus{border-color:var(--color-primario);box-shadow:0 0 0 3px #ff6b2b26}.input-campo::placeholder{color:var(--color-texto-terciario)}.divisor{background:var(--color-borde);height:1px;margin:var(--espacio-lg) 0;border:none}.cargando{justify-content:center;align-items:center;gap:var(--espacio-sm);padding:var(--espacio-2xl);color:var(--color-texto-secundario);display:flex}.spinner{border:2px solid var(--color-borde);border-top-color:var(--color-primario);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@keyframes aparecer{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.aparecer{animation:.3s forwards aparecer}@keyframes pulso{0%,to{opacity:1}50%{opacity:.5}}.pulso{animation:2s infinite pulso}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-fondo)}::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-texto-terciario)}