:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.spinner{width:24px;height:24px;border:4px solid #25D366;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.btn-cantidad-compacto.bloqueado,.carrito-cliente-btn-cantidad.bloqueado{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.6}.cantidad-display-compacto.validando,.carrito-cliente-cantidad-display.validando{position:relative;color:#007bff}.validacion-indicador{margin-left:5px;font-size:.8em;animation:pulse 1s infinite}.empleados-modalimportarproductos-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.empleados-modalimportarproductos-modal{background:#1a1d23;border:1px solid #2d3139;border-radius:16px;min-width:450px;max-width:600px;width:100%;max-height:90vh;color:#fff;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;animation:empleados-modalimportarproductos-slideIn .3s ease-out}@keyframes empleados-modalimportarproductos-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.empleados-modalimportarproductos-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #2d3139;background:linear-gradient(135deg,#1f2328,#1a1d23)}.empleados-modalimportarproductos-title{margin:0;font-size:20px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.empleados-modalimportarproductos-close{background:none;border:none;color:#8b949e;font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.empleados-modalimportarproductos-close:hover:not(:disabled){background:#2d3139;color:#ff6b6b}.empleados-modalimportarproductos-close:disabled{color:#484f58;cursor:not-allowed}.empleados-modalimportarproductos-content{padding:24px;overflow-y:auto;flex:1}.empleados-modalimportarproductos-upload-section{margin-bottom:20px}.empleados-modalimportarproductos-file-label{display:block;cursor:pointer}.empleados-modalimportarproductos-file-input{display:none}.empleados-modalimportarproductos-file-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:linear-gradient(135deg,#25d366,#20b358);color:#1a1d23;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;text-align:center;word-break:break-word}.empleados-modalimportarproductos-file-button:hover{background:linear-gradient(135deg,#20b358,#1ea350);transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.empleados-modalimportarproductos-options{margin-bottom:20px}.empleados-modalimportarproductos-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s ease}.empleados-modalimportarproductos-checkbox-label:hover{background:#2d313980}.empleados-modalimportarproductos-checkbox{width:18px;height:18px;accent-color:#25D366;cursor:pointer}.empleados-modalimportarproductos-checkbox-text{font-size:14px;color:#e6edf3;font-weight:500}.empleados-modalimportarproductos-progress-section{margin-bottom:20px;padding:16px;background:#2d31394d;border-radius:12px;border:1px solid #2d3139}.empleados-modalimportarproductos-progress-header{display:flex;justify-content:space-between;margin-bottom:12px}.empleados-modalimportarproductos-progress-label{font-size:14px;color:#8b949e;font-weight:500}.empleados-modalimportarproductos-progress-count{font-size:14px;color:#25d366;font-weight:600}.empleados-modalimportarproductos-progress-bar{width:100%;height:10px;background:#2d3139;border-radius:6px;overflow:hidden;margin-bottom:8px}.empleados-modalimportarproductos-progress-fill{height:100%;background:linear-gradient(90deg,#25d366,#20b358);border-radius:6px;transition:width .3s ease;position:relative}.empleados-modalimportarproductos-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:empleados-modalimportarproductos-shimmer 1.5s infinite}@keyframes empleados-modalimportarproductos-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empleados-modalimportarproductos-progress-percentage{text-align:center;font-size:12px;color:#8b949e;font-weight:500}.empleados-modalimportarproductos-message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;font-size:14px}.empleados-modalimportarproductos-message-info{background:#25d3661a;color:#25d366;border:1px solid rgba(37,211,102,.2)}.empleados-modalimportarproductos-message-success{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.empleados-modalimportarproductos-message-error{background:#dc35451a;color:#ff6b6b;border:1px solid rgba(220,53,69,.2)}.empleados-modalimportarproductos-format-info{background:#2d31394d;border:1px solid #2d3139;border-radius:12px;padding:16px;margin-bottom:20px}.empleados-modalimportarproductos-format-title{font-size:14px;font-weight:600;color:#e6edf3;margin-bottom:8px}.empleados-modalimportarproductos-format-content{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:10px;margin-bottom:8px;overflow-x:auto}.empleados-modalimportarproductos-format-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#79c0ff;white-space:nowrap}.empleados-modalimportarproductos-format-note{font-size:13px;color:#8b949e;line-height:1.4}.empleados-modalimportarproductos-fast-mode{margin-top:8px;color:orange;font-size:12px}.empleados-modalimportarproductos-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #2d3139;background:#1a1d23cc;flex-wrap:wrap}.empleados-modalimportarproductos-btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.empleados-modalimportarproductos-btn-primary{background:linear-gradient(135deg,#25d366,#20b358);color:#1a1d23}.empleados-modalimportarproductos-btn-primary:hover:not(.empleados-modalimportarproductos-btn-disabled){background:linear-gradient(135deg,#20b358,#1ea350);transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.empleados-modalimportarproductos-btn-danger{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.empleados-modalimportarproductos-btn-danger:hover:not(.empleados-modalimportarproductos-btn-disabled){background:linear-gradient(135deg,#ff3742,#ff2f3a);transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d}.empleados-modalimportarproductos-btn-warning{background:linear-gradient(135deg,orange,#ff8c00);color:#1a1d23}.empleados-modalimportarproductos-btn-warning:hover:not(.empleados-modalimportarproductos-btn-disabled){background:linear-gradient(135deg,#ff8c00,#f70);transform:translateY(-1px);box-shadow:0 4px 12px #ffa5004d}.empleados-modalimportarproductos-btn-secondary{background:transparent;color:#8b949e;border:1px solid #2d3139}.empleados-modalimportarproductos-btn-secondary:hover:not(.empleados-modalimportarproductos-btn-disabled){background:#2d313980;color:#e6edf3;border-color:#484f58}.empleados-modalimportarproductos-btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 600px){.empleados-modalimportarproductos-modal{min-width:auto;width:95%;margin:10px}.empleados-modalimportarproductos-actions{flex-direction:column}.empleados-modalimportarproductos-btn{width:100%}.empleados-modalimportarproductos-format-content code{font-size:10px}}.modal-editar-componente{width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-editar-componente .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.modal-editar-componente .modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.modal-editar-componente .modal-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.modal-editar-componente .modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-editar-componente .modal-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-editar-componente .modal-body{padding:24px;background:#fff}.modal-editar-componente .form-group{margin-bottom:20px}.modal-editar-componente .form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:14px}.modal-editar-componente .form-group input,.modal-editar-componente .form-group select,.modal-editar-componente .form-group textarea{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.modal-editar-componente .form-group input:focus,.modal-editar-componente .form-group select:focus,.modal-editar-componente .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-editar-componente .form-group input.error,.modal-editar-componente .form-group select.error,.modal-editar-componente .form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.modal-editar-componente .form-group input:disabled,.modal-editar-componente .form-group select:disabled,.modal-editar-componente .form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.modal-editar-componente .error-message{display:block;color:#dc3545;font-size:12px;margin-top:4px;font-weight:500}.modal-editar-componente .field-help{display:block;color:#6c757d;font-size:12px;margin-top:4px;font-style:italic}.modal-editar-componente .info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-top:20px}.modal-editar-componente .info-section h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600}.modal-editar-componente .info-section ul{margin:0;padding-left:20px;color:#6c757d;font-size:13px}.modal-editar-componente .info-section li{margin-bottom:4px;line-height:1.4}.modal-editar-componente .modal-footer{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 8px 8px}.modal-editar-componente .btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.modal-editar-componente .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.modal-editar-componente .btn-primary{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.modal-editar-componente .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.modal-editar-componente .btn-secondary:disabled,.modal-editar-componente .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-editar-componente{width:95%;margin:10px}.modal-editar-componente .modal-header,.modal-editar-componente .modal-body,.modal-editar-componente .modal-footer{padding:16px}.modal-editar-componente .modal-footer{flex-direction:column}.modal-editar-componente .btn-secondary,.modal-editar-componente .btn-primary{width:100%}}:root{--neotec-orange: #F97316;--neotec-orange-hover: #EA580C;--neotec-orange-light: #FB923C;--neotec-orange-dark: #C2410C;--neotec-purple: #7C3AED;--neotec-purple-hover: #6D28D9;--neotec-purple-light: #8B5CF6;--neotec-purple-dark: #5B21B6;--neotec-green: #10B981;--neotec-green-hover: #059669;--neotec-green-light: #34D399;--neotec-green-dark: #047857;--neotec-red: #EF4444;--neotec-red-hover: #DC2626;--neotec-red-light: #F87171;--neotec-red-dark: #B91C1C;--neotec-blue: #3B82F6;--neotec-blue-hover: #2563EB;--neotec-blue-light: #60A5FA;--neotec-blue-dark: #1D4ED8;--neotec-yellow: #FFD700;--neotec-yellow-hover: #FFC400;--neotec-yellow-light: #FFED4A;--neotec-yellow-dark: #D4AC0D;--color-primary: var(--neotec-orange);--color-primary-hover: var(--neotec-orange-hover);--color-secondary: var(--neotec-purple);--color-secondary-hover: var(--neotec-purple-hover);--color-success: var(--neotec-green);--color-success-hover: var(--neotec-green-hover);--neotec-primary: var(--neotec-orange);--neotec-secondary: var(--neotec-purple);--neotec-accent: #F59E0B;--neotec-success: var(--neotec-green);--color-error: var(--neotec-red);--color-error-hover: var(--neotec-red-hover);--color-warning: #F59E0B;--color-warning-hover: #D97706;--color-info: var(--neotec-blue);--color-info-hover: var(--neotec-blue-hover);--color-neutral: #6B7280;--color-neutral-hover: #4B5563;--color-dark: #1F2937;--color-dark-hover: #111827;--color-light: #F9FAFB;--color-light-hover: #F3F4F6;--color-destructive: var(--neotec-red-dark);--color-destructive-hover: #991B1B;--color-accent: var(--neotec-purple-light);--color-accent-hover: var(--neotec-purple);--brand-gradient: linear-gradient(135deg, var(--neotec-orange) 0%, var(--neotec-purple) 100%);--neotec-gradient: var(--brand-gradient);--neotec-primary-alpha: rgba(249, 115, 22, .15);--neotec-secondary-alpha: rgba(124, 58, 237, .15);--bg-color: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-accent: #E2E8F0;--bg-active: #E2E8F0;--bg-disabled: #F9FAFB;--text-color: #0F172A;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #64748B;--text-disabled: #94A3B8;--text-inverse: #FFFFFF;--text-inverted: #000000;--text-accent: #FF9800;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--border-accent: #94A3B8;--border-warning: rgba(255, 152, 0, .3);--bg-accent-primary: rgba(74, 144, 226, .1);--bg-accent-neotec: rgba(37, 211, 102, .1);--bg-accent-warning: rgba(255, 152, 0, .1);--primary-gradient: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);--danger-gradient: linear-gradient(135deg, #ff4d4f 0%, #d32f2f 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--bg-gradient-primary: linear-gradient(135deg, var(--neotec-orange) 0%, var(--neotec-purple) 100%);--bg-gradient-secondary: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(0, 0, 0, .5);--input-bg: #FFFFFF;--bg-input: #FFFFFF;--bg-input-focus: #FFFFFF;--bg-hover: #F1F5F9;--border-hover: #CBD5E1;--bg-card: #FFFFFF;--border-color: #E2E8F0;--bg-price-lista: rgba(74, 144, 226, .08);--bg-price-efectivo: rgba(37, 211, 102, .08);--bg-price-usd: rgba(255, 152, 0, .08);--border-price-lista: rgba(74, 144, 226, .25);--border-price-efectivo: rgba(37, 211, 102, .25);--border-price-usd: rgba(255, 152, 0, .25);--card-bg: rgba(255, 255, 255, .95);--border-accent: #CBD5E1;--bg-gradient: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 50%, #F1F5F9 100%);--shadow-dark: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, var(--neotec-green) 0%, #22c55e 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-primary: var(--font-family-base);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-xxl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--transition-speed: .2s;--transition-timing: ease-in-out;--header-height: 92px;--color-primary-rgb: 249, 115, 22;--color-secondary-rgb: 124, 58, 237;--color-success-rgb: 16, 185, 129;--color-danger-rgb: 239, 68, 68;--text-on-primary: #FFFFFF;--text-muted: #64748B;--surface-elevated: var(--bg-secondary);--input-bg: var(--bg-primary);--input-border: var(--border-primary);--bg-accent-subtle: rgba(249, 115, 22, .05);--spacing-xxxl: 64px;--radius-2xl: 20px;--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--color-danger: var(--neotec-red);--sidebar-bg: rgba(255, 255, 255, .95);--sidebar-border: #E2E8F0;--sidebar-toggle-bg: rgba(255, 255, 255, .9);--sidebar-toggle-border: #E2E8F0;--sidebar-toggle-hover-bg: var(--bg-hover);--sidebar-toggle-hover-border: var(--neotec-primary);--sidebar-toggle-icon: #64748B}[data-theme=dark]{--bg-color: #0F172A;--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-accent: #475569;--bg-hover: #334155;--bg-active: #475569;--bg-disabled: #1E293B;--text-color: #F8FAFC;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-disabled: #64748B;--text-inverse: #0F172A;--text-inverted: #FFFFFF;--text-accent: #FF9800;--border-color: #334155;--border-primary: #334155;--border-secondary: #475569;--border-warning: rgba(255, 152, 0, .3);--bg-accent-primary: rgba(74, 144, 226, .1);--bg-accent-neotec: rgba(37, 211, 102, .1);--bg-accent-warning: rgba(255, 152, 0, .1);--primary-gradient: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);--danger-gradient: linear-gradient(135deg, #ff4d4f 0%, #d32f2f 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--bg-gradient-secondary: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);--bg-glass: rgba(30, 41, 59, .8);--bg-overlay: rgba(0, 0, 0, .7);--bg-input: var(--bg-secondary);--bg-input-focus: var(--bg-tertiary);--bg-card: var(--bg-primary);--border-hover: var(--border-secondary);--bg-price-lista: rgba(74, 144, 226, .15);--bg-price-efectivo: rgba(37, 211, 102, .15);--bg-price-usd: rgba(255, 152, 0, .15);--border-price-lista: rgba(74, 144, 226, .4);--border-price-efectivo: rgba(37, 211, 102, .4);--border-price-usd: rgba(255, 152, 0, .4);--neotec-orange-light: #FDBA74;--neotec-purple-light: #A78BFA;--neotec-green-light: #6EE7B7;--neotec-red-light: #FCA5A5;--neotec-blue-light: #93C5FD;--color-primary: var(--neotec-orange);--color-primary-hover: var(--neotec-orange-light);--neotec-primary: var(--neotec-orange);--neotec-secondary: var(--neotec-purple);--neotec-accent: #F59E0B;--neotec-success: var(--neotec-green);--color-secondary: var(--neotec-purple);--color-secondary-hover: var(--neotec-purple-light);--color-success: var(--neotec-green);--color-success-hover: var(--neotec-green-light);--color-error: var(--neotec-red);--color-error-hover: var(--neotec-red-light);--color-warning: #FBBF24;--color-warning-hover: #FCD34D;--color-info: var(--neotec-blue);--color-info-hover: var(--neotec-blue-light);--color-neutral: #9CA3AF;--color-neutral-hover: #D1D5DB;--color-dark: #374151;--color-dark-hover: #4B5563;--color-light: #F9FAFB;--color-light-hover: #F3F4F6;--color-destructive: var(--neotec-red);--color-destructive-hover: var(--neotec-red-light);--color-accent: var(--neotec-purple-light);--color-accent-hover: #C4B5FD;--brand-gradient: linear-gradient(135deg, var(--neotec-orange) 0%, var(--neotec-purple) 100%);--input-bg: #1E293B;--border-color: #475569;--text-muted: #94A3B8;--card-bg: rgba(30, 41, 59, .95);--border-accent: #64748B;--bg-gradient: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);--shadow-dark: rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, var(--neotec-green) 0%, #22c55e 100%);--sidebar-bg: rgba(30, 41, 59, .95);--sidebar-border: #475569;--sidebar-toggle-bg: rgba(51, 65, 85, .9);--sidebar-toggle-border: #475569;--sidebar-toggle-hover-bg: var(--bg-hover);--sidebar-toggle-hover-border: var(--neotec-primary);--sidebar-toggle-icon: #CBD5E1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:auto}#root{min-height:100vh;width:100%}.App{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--neotec-orange);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--neotec-orange);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--neotec-orange-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--neotec-purple);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--neotec-purple-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--neotec-green);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--neotec-green-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:var(--neotec-red);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:var(--neotec-red-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--neotec-orange);border:2px solid var(--neotec-orange)}.btn-outline:hover:not(:disabled){background:var(--neotec-orange);color:var(--text-inverse)}.btn-ghost{background:var(--neotec-red)!important;color:#fff!important;border:2px solid var(--neotec-red-dark);font-weight:var(--font-weight-bold);transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #ef44444d}.btn-ghost:hover:not(:disabled){background:var(--neotec-red-dark)!important;color:#fff!important;border-color:var(--neotec-red-dark);transform:scale(1.1);box-shadow:0 6px 16px #ef444480}.btn-cerrar-carrito{background:var(--neotec-red)!important;color:#fff!important;border:2px solid var(--neotec-red-dark)!important;border-radius:50%!important;width:32px!important;height:32px!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-bold)!important;transition:all .2s ease!important;box-shadow:0 2px 8px #ef444466!important}.btn-cerrar-carrito:hover:not(:disabled){background:var(--neotec-red-dark)!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 4px 16px #ef444499!important}.btn-warning{background:var(--color-warning);color:#fff;border:2px solid var(--color-warning);box-shadow:0 4px 12px #f59e0b40}.btn-warning:hover:not(:disabled){background:var(--color-warning-hover);border-color:var(--color-warning-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-info{background:var(--color-info);color:#fff;border:2px solid var(--color-info);box-shadow:0 4px 12px #3b82f640}.btn-info:hover:not(:disabled){background:var(--color-info-hover);border-color:var(--color-info-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-neutral{background:var(--color-neutral);color:var(--text-primary);border:2px solid var(--color-neutral);box-shadow:0 4px 12px #6b728026}.btn-neutral:hover:not(:disabled){background:var(--color-neutral-hover);border-color:var(--color-neutral-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6b728040}.btn-dark{background:var(--color-dark);color:#fff;border:2px solid var(--color-dark);box-shadow:0 4px 12px #1f293740}.btn-dark:hover:not(:disabled){background:var(--color-dark-hover);border-color:var(--color-dark-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1f293766}.btn-light{background:var(--color-light);color:var(--color-dark);border:2px solid var(--color-light);box-shadow:0 4px 12px #f9fafb40}.btn-light:hover:not(:disabled){background:var(--color-light-hover);border-color:var(--color-light-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f9fafb66}.btn-gradient{background:var(--brand-gradient);color:#fff;border:2px solid transparent;background-clip:padding-box;box-shadow:0 4px 12px #f973164d}.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731680;filter:brightness(1.1)}.btn-destructive{background:var(--color-destructive);color:#fff;border:2px solid var(--color-destructive);box-shadow:0 4px 12px #dc262640}.btn-destructive:hover:not(:disabled){background:var(--color-destructive-hover);border-color:var(--color-destructive-hover);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.btn-accent{background:var(--color-accent);color:#fff;border:2px solid var(--color-accent);box-shadow:0 4px 12px #8b5cf640}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-link{background:transparent;color:var(--color-primary);border:2px solid transparent;text-decoration:underline;text-underline-offset:4px}.btn-link:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:none;background:var(--bg-accent-subtle)}.btn-primary-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 2px 8px #f9731626}.btn-primary-outline:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-secondary-outline{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary);box-shadow:0 2px 8px #7c3aed26}.btn-secondary-outline:hover:not(:disabled){background:var(--color-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-success-outline{background:transparent;color:var(--color-success);border:2px solid var(--color-success);box-shadow:0 2px 8px #10b98126}.btn-success-outline:hover:not(:disabled){background:var(--color-success);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-error-outline{background:transparent;color:var(--color-error);border:2px solid var(--color-error);box-shadow:0 2px 8px #ef444426}.btn-error-outline:hover:not(:disabled){background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-info-outline{background:transparent;color:var(--color-info);border:2px solid var(--color-info);box-shadow:0 2px 8px #3b82f626}.btn-info-outline:hover:not(:disabled){background:var(--color-info);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-full{width:100%}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.container-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.loading{opacity:.7;pointer-events:none}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hidden{display:none!important}.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 slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);color:var(--text-primary);transition:all .3s ease-in-out;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 49%,var(--neotec-orange) 49%,var(--neotec-orange) 51%,transparent 51%),linear-gradient(0deg,transparent 49%,var(--neotec-purple) 49%,var(--neotec-purple) 51%,transparent 51%),radial-gradient(circle at 25% 25%,var(--neotec-orange) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--neotec-purple) 2px,transparent 2px),radial-gradient(circle at 25% 75%,var(--neotec-blue) 1px,transparent 1px),radial-gradient(circle at 75% 25%,var(--neotec-green) 1px,transparent 1px);background-size:100px 100px,100px 100px,50px 50px,50px 50px,25px 25px,25px 25px;background-position:0 0,0 0,0 0,25px 25px,12.5px 12.5px,37.5px 37.5px;opacity:.03;animation:tech-pulse 20s ease-in-out infinite;z-index:1}@keyframes tech-pulse{0%,to{opacity:.03;transform:scale(1)}50%{opacity:.06;transform:scale(1.01)}}.login-card{position:relative;z-index:2;width:100%;max-width:450px;background:var(--card-bg);color:var(--text-primary);border-radius:20px;box-shadow:0 8px 32px var(--shadow-dark),0 0 1px #ffffff80 inset;border:2px solid var(--border-accent);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-header{background:var(--brand-gradient);padding:32px 24px 24px;text-align:center;border-bottom:2px solid var(--border-accent)}.login-brand{margin-bottom:12px}.brand-neotec{color:#fff;font-weight:900;font-size:2rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.brand-gestion{color:#fff;font-weight:400;font-size:1.25rem;margin-left:8px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-subtitle{color:#fff;font-size:.875rem;opacity:.9;font-weight:500}.login-form{padding:32px}.form-group{margin-bottom:20px}.form-input{background:var(--input-bg)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important;border-radius:12px;padding:16px 20px;font-size:1rem;width:100%;transition:all .3s ease;font-weight:500;box-shadow:inset 0 1px 3px #0000001a}.form-input:focus{border-color:var(--color-primary)!important;outline:none;box-shadow:0 0 0 3px #f973161a,inset 0 1px 3px #0000001a;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)!important;opacity:.7}.form-select{background:var(--input-bg)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important;border-radius:12px;padding:12px 16px;font-size:.875rem;width:100%;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000001a}.form-select:focus{border-color:var(--color-primary)!important;outline:none;box-shadow:0 0 0 3px #f973161a,inset 0 1px 3px #0000001a}.input-hint{display:flex;align-items:center;margin-top:8px;font-size:.85rem;color:var(--text-muted)!important;opacity:.8}.login-help{margin-top:20px;padding:20px;background:var(--bg-accent-subtle);border-radius:12px;font-size:.875rem;color:var(--text-secondary)!important;line-height:1.6;border:1px solid var(--border-accent)}.help-title-orange{color:var(--color-primary)!important;font-weight:600}.help-title-violet{color:var(--color-secondary)!important;font-weight:600}.form-label{color:var(--text-primary)!important;font-weight:600;margin-bottom:8px;display:block}.login-buttons-container{display:flex;flex-direction:column;gap:16px;margin-top:24px}.login-primary-actions{display:flex;flex-direction:column;gap:12px}.login-secondary-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.login-tertiary-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-login-primary{padding:16px 24px;font-size:1.1rem;font-weight:700;min-height:56px;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #f9731666}.btn-login-secondary{padding:14px 20px;font-size:1rem;font-weight:600;min-height:50px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login-secondary:hover:not(:disabled){transform:translateY(-2px)}.btn-login-tertiary{padding:12px 18px;font-size:.95rem;font-weight:500;min-height:46px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login-tertiary:hover:not(:disabled){transform:translateY(-1px)}.btn-login-primary:focus{outline:none;box-shadow:0 0 0 4px #f9731633,0 8px 25px #f973164d}.btn-login-secondary:focus,.btn-login-tertiary:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--focus-ring-color),.2)}@media (max-width: 768px){.login-buttons-container{gap:14px}.login-primary-actions{gap:10px}.login-secondary-actions{gap:8px}.btn-login-primary{padding:14px 20px;font-size:1rem;min-height:52px}.btn-login-secondary{padding:12px 16px;font-size:.95rem;min-height:46px}.btn-login-tertiary{padding:10px 14px;font-size:.9rem;min-height:42px}}html:not([data-theme=dark]) .login-card{box-shadow:0 8px 32px #0000001a,0 0 0 1px #f973161a,0 4px 16px #f973160d}.cliente-panel{height:100vh;overflow:hidden;background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family-base);display:flex;flex-direction:column;overscroll-behavior-y:auto}.cliente-header{background:var(--card-bg);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border-accent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);flex-shrink:0;min-height:80px}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0;min-width:0;max-width:300px}.user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.user-role{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.user-points{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:4px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.user-main-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:100%}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.carrito-btn{position:relative;padding:var(--spacing-md);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);min-width:44px;min-height:44px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carrito-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.carrito-btn.has-items{background:linear-gradient(135deg,var(--neotec-green) 0%,var(--neotec-green-hover) 100%);color:#fff;animation:pulse 2s infinite}.carrito-btn.empty{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.carrito-badge{position:absolute;top:-8px;right:-8px;background:var(--neotec-red);color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:0 2px 4px #0003}.main-layout{display:flex;position:relative;overflow:hidden}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:var(--spacing-lg);overflow:hidden;background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-md)}.main-content.productos-mode{margin:0;padding:0;border-radius:0;box-shadow:none;background:var(--bg-primary)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:2px solid var(--border-accent);padding:var(--spacing-md);display:none;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -4px 20px var(--shadow-dark)}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:var(--font-size-xs);min-width:60px}.mobile-nav-btn.active{color:var(--color-primary);background:#f973161a;transform:translateY(-2px)}.mobile-nav-btn:hover{color:var(--color-primary);background:#f973160d}.mobile-nav-icon{font-size:18px;filter:drop-shadow(0 0 8px transparent);transition:filter .3s ease}.mobile-nav-btn.active .mobile-nav-icon{filter:drop-shadow(0 0 8px var(--color-primary))}.desktop-sidebar{width:80px;background:var(--card-bg);border-right:2px solid var(--border-accent);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) var(--spacing-sm);gap:var(--spacing-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.sidebar-btn{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.sidebar-btn.active{color:var(--color-primary);background:#f973161a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar-btn:hover{color:var(--color-primary);background:#f973160d;transform:translateY(-1px)}.sidebar-icon{font-size:20px;filter:drop-shadow(0 0 8px transparent);transition:filter .3s ease}.sidebar-btn.active .sidebar-icon{filter:drop-shadow(0 0 8px var(--color-primary))}.error-container{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--neotec-red);border-radius:var(--radius-md);color:var(--neotec-red)}.success-container{padding:var(--spacing-md);background:#10b9811a;border:1px solid var(--neotec-green);border-radius:var(--radius-md);color:var(--neotec-green)}.warning-container{padding:var(--spacing-md);background:#f973161a;border:1px solid var(--neotec-orange);border-radius:var(--radius-md);color:var(--neotec-orange)}.info-container{padding:var(--spacing-md);background:#3b82f61a;border:1px solid var(--neotec-blue);border-radius:var(--radius-md);color:var(--neotec-blue)}@media (max-width: 640px){.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.card-header,.card-body,.card-footer{padding:var(--spacing-md)}.metodo-pago-btn{min-width:auto;flex:1}}@media (min-width: 641px) and (max-width: 1024px){.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl)}}@media (min-width: 1025px){.btn:hover{transform:translateY(-1px)}}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .card{background:var(--bg-secondary);border-color:var(--border-secondary)}[data-theme=dark] .card-footer{background:var(--bg-tertiary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-orange{color:var(--neotec-orange)}.text-purple{color:var(--neotec-purple)}.text-green{color:var(--neotec-green)}.text-red{color:var(--neotec-red)}.text-blue{color:var(--neotec-blue)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.table-responsive{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-primary)}.table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.table tbody tr:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);justify-content:flex-end}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-accent) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--neotec-orange);outline-offset:2px}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.card{border-width:2px}}@media print{.btn,.modal-overlay,.animate-pulse{display:none!important}.card{border:1px solid #000;box-shadow:none}}.portal-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.portal-header{background:var(--bg-primary);border-bottom:2px solid var(--border-primary);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand-text{font-size:1.5rem;font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portal-user-info{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:.875rem}.portal-cart-btn{position:relative;background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.portal-cart-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.portal-cart-badge{position:absolute;top:-8px;right:-8px;background:var(--color-error);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.sidebar-tabs{padding:20px;flex:1;overflow-y:auto;transition:all .3s ease}.sidebar-tabs.collapsed{padding:10px 5px;display:flex;flex-direction:column;align-items:center}.tab-btn{width:100%;background:transparent;color:var(--text-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;margin-bottom:8px;text-align:left;justify-content:flex-start}.tab-btn.collapsed{padding:12px 8px;font-size:.75rem;gap:0;justify-content:center;flex-direction:column;min-height:60px;max-width:50px;width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tabs.collapsed .tab-btn.active{transform:translateY(-2px);box-shadow:0 4px 15px #f973164d;max-width:50px;width:50px}.tab-btn.active{background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 4px 15px #f973164d;transform:translateY(-2px)}.tab-btn:not(.active):hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.tab-icon{font-size:1.25rem;transition:all .3s ease}.tab-btn.active .tab-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.tab-content{display:flex;flex-direction:column;gap:4px}.tab-label{font-weight:700}.tab-description{font-size:.75rem;opacity:.8}.tab-btn.collapsed .tab-content{display:none}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-primary);padding:12px 16px;display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -4px 20px var(--shadow-dark)}.mobile-tab-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:.625rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-md);min-width:60px}.mobile-tab-btn.active{color:var(--color-primary);transform:translateY(-2px)}.mobile-tab-btn:active{transform:scale(.95)}.mobile-tab-icon{font-size:1.25rem;transition:all .3s ease}.mobile-tab-btn.active .mobile-tab-icon{filter:drop-shadow(0 0 8px var(--color-primary))}.mobile-tab-label{font-weight:700}.desktop-sidebar{position:fixed;top:120px;left:0;height:calc(100vh - 120px);background:var(--bg-secondary);border-right:1px solid var(--border-primary);box-shadow:4px 0 16px var(--shadow-dark);z-index:1000;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.desktop-sidebar.expanded{width:320px}.desktop-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--border-primary);background:var(--bg-gradient-secondary);display:flex;align-items:center;transition:all .3s ease}.sidebar-header.expanded{padding:var(--spacing-lg);justify-content:flex-start}.sidebar-header.collapsed{padding:var(--spacing-md) var(--spacing-sm);justify-content:center;flex-direction:column;align-items:center}.sidebar-title{margin:0;color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-icon{font-size:var(--font-size-xl);color:var(--color-primary)}.sidebar-toggle{background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease}.sidebar-toggle.expanded{margin-left:auto;width:auto;margin-top:0}.sidebar-toggle.collapsed{margin-left:0;width:100%;margin-top:var(--spacing-sm);max-width:44px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 0 0 2px #f973161a}.sidebar-tabs{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-tabs.collapsed{padding:var(--spacing-sm)}.tab-btn{background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-md);text-align:left;width:100%;min-height:60px}.tab-btn.collapsed{padding:var(--spacing-md) var(--spacing-sm);justify-content:center;min-height:50px}.tab-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-md)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 16px #f973164d}.tab-btn.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tab-icon{font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;min-width:24px}.tab-content{display:flex;flex-direction:column;gap:2px;flex:1}.tab-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2}.tab-description{font-size:var(--font-size-sm);opacity:.8;line-height:1.2}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.content-area.desktop-expanded{margin-left:320px}.content-area.desktop-collapsed{margin-left:80px}.main-content{height:100%;max-height:100%;overflow:hidden;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;box-sizing:border-box;position:relative}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.main-content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.checkout-form-container{background:#fffffff2;border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-lg);border:2px solid var(--color-primary);box-shadow:0 8px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkout-form-title{color:var(--color-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}.checkout-form-group{margin-bottom:var(--spacing-lg)}.checkout-form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:#fff;color:var(--text-primary);transition:all .3s ease;font-family:var(--font-family-primary)}.checkout-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a;transform:translateY(-1px)}.checkout-form-input::placeholder{color:var(--text-secondary);opacity:.7}.checkout-form-select{width:100%;padding:var(--spacing-md);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:var(--font-family-primary)}.checkout-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.checkout-phone-group{display:flex;gap:var(--spacing-sm);align-items:center}.checkout-phone-prefix{padding:var(--spacing-md);background:var(--bg-accent);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);min-width:80px;text-align:center}.checkout-phone-input{flex:1}.portal-invitado-container{min-height:100vh;font-family:var(--font-primary);position:relative;transition:all .3s ease}html[data-theme=light] .portal-invitado-container{background:linear-gradient(135deg,#fff7ed,#fef3c7,#f0f9ff,#f3e8ff,#ecfdf5,#fff);color:var(--text-primary)}html[data-theme=dark] .portal-invitado-container{background:linear-gradient(135deg,#0f172a,#1e1b4b,#374151,#1f2937,#111827,#000);color:var(--text-primary)}.portal-header{background:var(--card-bg);padding:0;border-bottom:2px solid var(--border-accent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;right:0;z-index:9999;width:100%}.portal-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:80px;width:100%;padding:var(--spacing-md) var(--spacing-lg)}.portal-header-left{display:flex;align-items:center;flex-shrink:0}.portal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.portal-main-content{max-width:1400px;margin:0 auto;padding:120px 1.5rem 4rem;width:100%}.portal-main-content.productos-fullscreen{max-width:none;margin:0;padding:80px 0 0;width:100%;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.portal-productos-container{transition:all .3s ease}.portal-productos-container.fullscreen{flex:1;display:flex;flex-direction:column;border-radius:0!important;box-shadow:none!important;border:none!important;background:var(--bg-primary)!important;overflow-y:auto;overflow-x:hidden}.portal-productos-controls{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);padding:var(--spacing-md);display:flex;justify-content:flex-end}.portal-btn-compact{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.portal-carrito-btn{position:relative;padding:var(--spacing-md);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);min-width:44px;min-height:44px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portal-carrito-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.carrito-badge{position:absolute;top:-8px;right:-8px;background:var(--neotec-orange);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);animation:pulse 2s infinite,badgeBounce 3s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #f6a322b3}70%{box-shadow:0 0 0 10px #f6a32200}to{box-shadow:0 0 #f6a32200}}.portal-carrito-btn.carrito-con-productos{animation:carritoConProductos 3s ease-in-out infinite}.portal-carrito-btn.carrito-con-productos:hover{transform:translateY(-2px) scale(1.05);animation:carritoHover .5s ease-in-out}@keyframes carritoConProductos{0%,to{transform:translateY(0);box-shadow:var(--shadow-md)}25%{transform:translateY(-3px);box-shadow:var(--shadow-lg)}50%{transform:translateY(-1px);box-shadow:var(--shadow-lg)}75%{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}.empleados-ventas-tabs-panel{min-height:100vh;display:flex;flex-direction:column}.empleados-ventas-tabs-nav{background:linear-gradient(135deg,var(--neotec-primary),var(--neotec-secondary));border-radius:12px;padding:.5rem;margin-bottom:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.empleados-ventas-tabs-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.empleados-ventas-tabs-main{display:flex;gap:.5rem;flex:1}.empleados-ventas-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;white-space:nowrap;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.empleados-ventas-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.empleados-ventas-tab:hover:before{left:100%}.empleados-ventas-tab:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.empleados-ventas-tab.active{background:var(--neotec-accent);color:var(--text-inverse);border-color:var(--neotec-accent);box-shadow:0 4px 16px #f59e0b66;transform:translateY(-1px)}.empleados-ventas-tab.active:hover{background:#d97706;transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b80}.empleados-ventas-tab-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.empleados-ventas-tab-text{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.empleados-ventas-tab-encomiendas{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--neotec-success);border:2px solid var(--neotec-success);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;white-space:nowrap;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.empleados-ventas-tab-encomiendas:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent);transition:left .5s}.empleados-ventas-tab-encomiendas:hover:before{left:100%}.empleados-ventas-tab-encomiendas:hover{background:#10b9811a;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.empleados-ventas-tabs-content{flex:1;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}@media (max-width: 768px){.empleados-ventas-tabs-panel{padding:1rem}.empleados-ventas-tabs-nav{padding:.75rem;margin-bottom:1.5rem}.empleados-ventas-tabs-container{flex-direction:column;gap:1rem}.empleados-ventas-tabs-main{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.empleados-ventas-tab{padding:.75rem 1rem;font-size:.85rem;justify-content:center}.empleados-ventas-tab-encomiendas{padding:.75rem 1rem;font-size:.85rem;justify-content:center;grid-column:1 / -1}.empleados-ventas-tab-text{font-size:.85rem}.empleados-ventas-tabs-content{min-height:calc(100vh - 200px)}}[data-theme=dark] .empleados-ventas-tabs-nav{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-color:var(--border-primary)}[data-theme=dark] .empleados-ventas-tab{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary)}[data-theme=dark] .empleados-ventas-tab:hover{background:var(--bg-accent);color:var(--text-primary)}[data-theme=dark] .empleados-ventas-tab.active{background:var(--neotec-accent);color:var(--text-inverse);border-color:var(--neotec-accent)}[data-theme=dark] .empleados-ventas-tab-encomiendas{background:var(--bg-tertiary);color:var(--neotec-success);border-color:var(--neotec-success)}[data-theme=dark] .empleados-ventas-tab-encomiendas:hover{background:#10b9811a;color:var(--neotec-green-light)}@keyframes carritoHover{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-4px) scale(1.08)}to{transform:translateY(-2px) scale(1.05)}}.portal-carrito-btn.carrito-con-productos:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:carritoShine 2s ease-in-out infinite;border-radius:var(--radius-lg);pointer-events:none}@keyframes carritoShine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.btn-text{display:inline}.portal-welcome-card{background:var(--card-bg);border:2px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center}.portal-welcome-title{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-black);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.portal-welcome-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.portal-success-notification{background:linear-gradient(135deg,var(--success-bg) 0%,rgba(34,197,94,.1) 100%);border:2px solid var(--success-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--success-text);animation:slideInFromTop .5s ease-out}@media (max-width: 768px){.portal-header-content{min-height:60px;padding:var(--spacing-sm) var(--spacing-md);flex-wrap:nowrap}.portal-header-actions{gap:var(--spacing-xs)}.portal-main-content{padding:100px 1rem 2rem}.portal-main-content.productos-fullscreen{padding:60px 0 0;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.portal-productos-controls{padding:var(--spacing-sm)}.portal-btn-compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.portal-welcome-card{margin:var(--spacing-md);padding:var(--spacing-lg)}.btn-text{display:none}.portal-invitado-container .cliente-productos-container{flex-direction:column;height:calc(100vh - 100px)}.portal-invitado-container .productos-sidebar{width:100%;min-width:auto;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:none;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.portal-invitado-container .productos-sidebar.visible{display:flex;animation:portal-invitado-slideInFromLeft .3s ease-out;box-shadow:10px 0 30px #0000004d}.portal-invitado-container .productos-sidebar .productos-filtros-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neotec-orange);margin-bottom:var(--spacing-lg);text-align:center;padding:var(--spacing-md);background:#f973161a;border-radius:var(--radius-lg)}.portal-invitado-container .productos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);padding:var(--spacing-sm)}.portal-invitado-container .producto-image{height:150px}.portal-invitado-container .productos-main-content>button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:600;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #f973164d;transition:all .3s ease}.portal-invitado-container .productos-main-content>button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}@keyframes portal-invitado-slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cliente-productos-container{flex-direction:column;height:calc(100vh - 100px)}.cliente-productos-container .productos-sidebar{width:100%;min-width:auto;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:none;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cliente-productos-container .productos-sidebar.visible{display:flex;animation:portal-invitado-slideInFromLeft .3s ease-out;box-shadow:10px 0 30px #0000004d}.cliente-productos-container .productos-sidebar .productos-filtros-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neotec-orange);margin-bottom:var(--spacing-lg);text-align:center;padding:var(--spacing-md);background:#f973161a;border-radius:var(--radius-lg)}.cliente-productos-container .productos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);padding:var(--spacing-sm)}.cliente-productos-container .producto-image{height:150px}.cliente-productos-container .productos-main-content>button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:600;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #f973164d;transition:all .3s ease}.cliente-productos-container .productos-main-content>button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}}@media (max-width: 480px){.portal-header-content{min-height:50px;padding:var(--spacing-xs) var(--spacing-sm)}.portal-header-actions{gap:var(--spacing-xs)}.portal-main-content{padding:80px .5rem 1rem}.portal-header-actions button{min-width:40px;padding:var(--spacing-sm)}.portal-header-left svg{width:120px!important;height:40px!important}}.checkout-form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.checkout-btn-cancel{flex:1;min-width:120px}.checkout-btn-submit{flex:2;min-width:160px}.checkout-form-error{background:#ef44441a;border:2px solid var(--neotec-red);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md);color:var(--neotec-red);font-weight:var(--font-weight-medium);text-align:center}.checkout-main-btn{width:100%;padding:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-lg);background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d}.checkout-main-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}@media (max-width: 768px){.checkout-form-actions{flex-direction:column}.checkout-btn-cancel,.checkout-btn-submit{flex:none;width:100%}.checkout-phone-group{flex-direction:column}.checkout-phone-prefix{width:100%}}.main-content.productos-mode .cliente-productos-container{height:100%!important;max-height:100%!important;border-radius:0!important;border:none!important;box-shadow:none!important;background:var(--bg-primary)!important}.cliente-productos-container{background:var(--card-bg);border-radius:var(--radius-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--border-accent);color:var(--text-primary);width:100%;height:calc(100vh - 120px);display:flex;flex-direction:row;gap:var(--spacing-xl);overflow:hidden;box-shadow:var(--shadow-xl);font-family:var(--font-primary);transition:all .3s ease;padding:0}.main-content .cliente-productos-container{height:100%;border-radius:var(--radius-lg);margin:0;padding:0}@media (max-width: 768px){.main-content .cliente-productos-container{height:100%!important;flex:1;border-radius:0!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.main-content.productos-mode,.cliente-productos-container,.main-layout,.content-area{padding:0!important;margin:0!important}}.productos-sidebar{width:280px;min-width:280px;background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--border-accent);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.productos-sidebar-title{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary)}.productos-search-group{margin-bottom:var(--spacing-xl)}.productos-search-label{display:block;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);font-family:var(--font-primary)}.productos-search-input{width:100%;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:all .3s ease}.productos-search-input:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f6a32233;transform:translateY(-1px)}.productos-filtros-grupo{margin-bottom:var(--spacing-xl)}.productos-filtros-label{display:block;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);font-family:var(--font-primary)}.filtro-btn{width:100%;padding:var(--spacing-md);margin:var(--spacing-xs) 0;border:2px solid var(--border-accent);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-primary)}.filtro-btn:hover{border-color:var(--neotec-orange);transform:translate(4px);box-shadow:var(--shadow-md)}.filtro-btn.active{background:var(--brand-gradient);color:#fff;border-color:var(--neotec-orange);box-shadow:var(--shadow-lg);font-weight:var(--font-weight-bold)}.filtro-badge{background:#ffffff4d;color:#fff;border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.filtro-btn:not(.active) .filtro-badge{background:var(--neotec-orange);color:#fff}.productos-vista-header{position:sticky;top:0;z-index:100;padding:var(--spacing-md);background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--border-accent);display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-md)}.vista-toggle{display:flex;background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-xs);border:2px solid var(--border-accent);box-shadow:var(--shadow-md);overflow:hidden}.vista-btn{background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all .3s ease;font-family:var(--font-primary);min-width:80px;justify-content:center}.vista-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.vista-btn.active{background:var(--brand-gradient);color:#fff;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.vista-btn-icon{font-size:var(--font-size-base)}.productos-main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0;border-bottom:2px solid var(--border-accent)}.productos-title{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);font-family:var(--font-primary)}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md);overflow-y:auto;flex:1}.producto-card{background:var(--surface-elevated);border:2px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);animation:fadeInUp .5s ease-out}.producto-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--neotec-orange)}.producto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient);transform:scaleX(0);transition:transform .3s ease}.producto-card:hover:before{transform:scaleX(1)}.producto-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:transform .3s ease}.producto-card:hover .producto-image{transform:scale(1.05)}.producto-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);line-height:1.2}.producto-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--neotec-orange);margin-bottom:var(--spacing-md);font-family:var(--font-primary)}.producto-actions{display:flex;gap:var(--spacing-sm);align-items:center}.cantidad-controls{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--surface-elevated);border:2px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.cantidad-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--neotec-orange);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:var(--font-weight-bold)}.cantidad-btn:hover{background:var(--neotec-orange-dark);transform:scale(1.1)}.cantidad-display{min-width:40px;text-align:center;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-primary)}@media (max-width: 768px){.cliente-productos-container{flex-direction:column;height:100%;flex:1}.productos-sidebar{width:100%;min-width:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;display:none}.productos-sidebar.visible{display:flex}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.producto-image{height:150px}.vista-btn span:not(.vista-btn-icon){display:none}.vista-btn{min-width:50px}}@media (max-width: 480px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.producto-card{padding:var(--spacing-md)}.producto-image{height:120px}}.carrito-invitado-container{width:100%;padding:0;background:transparent;color:var(--text-primary);border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;margin:0}.carrito-invitado-contenido{padding:0 var(1px) var(1px)}.carrito-invitado-header{display:flex;align-items:center;justify-content:space-between;margin:0;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:0;color:#fff;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.carrito-invitado-titulo{color:#fff;margin:0;font-size:var(--font-size-xxl);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.carrito-invitado-btn-volver{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;font-weight:700;transition:all .3s ease;font-size:var(--font-size-md)}.carrito-invitado-btn-volver:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.carrito-invitado-lista{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);box-shadow:inset 0 2px 8px #0000001a;border:1px solid var(--border-secondary)}.carrito-invitado-item{background:var(--bg-primary);border:2px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease;box-shadow:var(--shadow-md);gap:var(--spacing-md)}.carrito-invitado-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.carrito-invitado-item:last-child{margin-bottom:0}.carrito-invitado-item-info{flex:1;margin-right:var(--spacing-lg);padding-left:var(--spacing-md)}.carrito-invitado-item-nombre{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-sm) 0;line-height:1.3}.carrito-invitado-item-detalles{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.carrito-invitado-item-detalle{color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-secondary);font-weight:500}.carrito-invitado-precios{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.carrito-invitado-subtotal{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius-lg);border:none;min-width:100px;box-shadow:var(--shadow-lg);margin-top:var(--spacing-sm);text-shadow:0 1px 2px rgba(0,0,0,.3)}.carrito-invitado-subtotal .subtotal-label{font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-xs);opacity:.9}.carrito-invitado-subtotal .subtotal-valor{font-size:var(--font-size-lg);font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.4)}.carrito-invitado-subtotal.efectivo{background:linear-gradient(135deg,#27ae60,#229954);border-color:#229954}.carrito-invitado-subtotal.efectivo .subtotal-label,.carrito-invitado-subtotal.efectivo .subtotal-valor{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.carrito-invitado-subtotal.transferencia{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9}.carrito-invitado-subtotal.transferencia .subtotal-label,.carrito-invitado-subtotal.transferencia .subtotal-valor{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.carrito-invitado-precio-efectivo,.carrito-invitado-precio-lista{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:2px solid transparent;transition:all .3s ease;min-width:100px}.carrito-invitado-precio-efectivo{background:#22c55e1a;border-color:#22c55e4d}.carrito-invitado-precio-lista{background:#f59e0b1a;border-color:#f59e0b4d}.carrito-invitado-precio-efectivo.activo{background:linear-gradient(135deg,#27ae60,#229954);border-color:#27ae60;color:#fff;box-shadow:var(--shadow-md);transform:scale(1.02)}.carrito-invitado-precio-lista.activo{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff;box-shadow:var(--shadow-md);transform:scale(1.02)}.carrito-invitado-controles{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);min-width:140px}.carrito-invitado-cantidad-controles{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-sm);border:2px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.carrito-invitado-btn-cantidad{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.carrito-invitado-btn-cantidad:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover));transform:translateY(-2px);box-shadow:var(--shadow-md)}.carrito-invitado-btn-cantidad:disabled{background:var(--color-neutral);cursor:not-allowed;transform:none;box-shadow:none}.carrito-invitado-btn-cantidad.decrementar{background:linear-gradient(135deg,#e74c3c,#c0392b)}.carrito-invitado-btn-cantidad.decrementar:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:var(--shadow-md)}.carrito-invitado-btn-cantidad.incrementar{background:linear-gradient(135deg,#27ae60,#229954)}.carrito-invitado-btn-cantidad.incrementar:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:var(--shadow-md)}.carrito-invitado-cantidad-display{color:var(--text-primary);font-weight:800;font-size:var(--font-size-lg);min-width:40px;text-align:center;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-md);border:2px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.carrito-invitado-btn-eliminar{background:linear-gradient(135deg,#8e44ad,#7d3c98);border:none;color:#fff;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.carrito-invitado-btn-eliminar:hover{background:linear-gradient(135deg,#7d3c98,#6c3483);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.carrito-invitado-metodo-pago{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);border:2px solid var(--border-secondary)}.carrito-invitado-metodo-titulo{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-lg) 0;text-align:center}.carrito-invitado-metodo-botones{display:flex;gap:var(--spacing-md);justify-content:center}.carrito-invitado-btn-metodo{flex:1;max-width:200px;padding:var(--spacing-lg);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-weight:600}.carrito-invitado-btn-metodo:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.carrito-invitado-btn-metodo.activo{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.carrito-invitado-btn-metodo.efectivo.activo{background:linear-gradient(135deg,#27ae60,#229954);border-color:#27ae60;color:#fff;box-shadow:var(--shadow-lg)}.carrito-invitado-btn-metodo.efectivo.activo:hover{background:linear-gradient(135deg,#229954,#1e8449)}.carrito-invitado-btn-metodo.transferencia.activo{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff;box-shadow:var(--shadow-lg)}.carrito-invitado-btn-metodo.transferencia.activo:hover{background:linear-gradient(135deg,#2980b9,#21618c)}.carrito-invitado-metodo-icono{font-size:var(--font-size-xxl)}.carrito-invitado-metodo-info{font-size:var(--font-size-sm);color:inherit;opacity:.8}.carrito-invitado-metodo-titulo{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.carrito-invitado-metodo-botones{display:flex;gap:var(--spacing-xs)}.carrito-invitado-btn-metodo{flex:1;padding:var(--spacing-sm);border:2px solid var(--border-secondary)}.carrito-invitado-total{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:3px solid var(--color-primary);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.carrito-invitado-total:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:.1;z-index:0}.carrito-invitado-total-contenido{text-align:center;position:relative;z-index:1}.carrito-invitado-total-label{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:1px}.carrito-invitado-total-valor{color:var(--color-primary);font-size:clamp(28px,5vw,36px);font-weight:900;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carrito-invitado-total.efectivo{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-color:#27ae60}.carrito-invitado-total.efectivo:before{background:linear-gradient(135deg,#27ae60,#229954);opacity:.15}.carrito-invitado-total.efectivo .carrito-invitado-total-label{color:#1e7e34}.carrito-invitado-total.efectivo .carrito-invitado-total-valor{color:#27ae60;background:linear-gradient(135deg,#27ae60,#229954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carrito-invitado-total.transferencia{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#3498db}.carrito-invitado-total.transferencia:before{background:linear-gradient(135deg,#3498db,#2980b9);opacity:.15}.carrito-invitado-total.transferencia .carrito-invitado-total-label{color:#1565c0}.carrito-invitado-total.transferencia .carrito-invitado-total-valor{color:#3498db;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carrito-invitado-btn-continuar{width:100%;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);border:none;border-radius:var(--radius-xl);color:#fff;font-size:var(--font-size-xl);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.carrito-invitado-btn-continuar:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.carrito-invitado-btn-continuar:active{transform:translateY(0)}.carrito-invitado-formulario{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-xl);border:2px solid var(--border-secondary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carrito-invitado-formulario-titulo{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.carrito-invitado-form-group{margin-bottom:var(--spacing-lg)}.carrito-invitado-form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.carrito-invitado-form-row .carrito-invitado-input{flex:1}.carrito-invitado-prefijo{flex:0 0 120px;min-width:120px}.carrito-invitado-numero{flex:1}.carrito-invitado-input,.carrito-invitado-select{width:100%;padding:var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;transition:all .3s ease}.carrito-invitado-input:focus,.carrito-invitado-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.carrito-invitado-error{background:linear-gradient(135deg,var(--color-danger),#dc2626);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;box-shadow:var(--shadow-md);border:1px solid rgba(220,38,38,.3)}.carrito-invitado-form-botones{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.carrito-invitado-btn-volver-form{flex:1;padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s ease}.carrito-invitado-btn-volver-form:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.carrito-invitado-btn-confirmar{flex:2;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .3s ease}.carrito-invitado-btn-confirmar:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.carrito-invitado-btn-confirmar:disabled{opacity:.6;cursor:not-allowed;transform:none}.carrito-invitado-info{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.carrito-invitado-vacio{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));padding:var(--spacing-xxxl);text-align:center;color:var(--text-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-secondary);margin:var(--spacing-xl) 0}.carrito-invitado-vacio-titulo{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-lg)}.carrito-invitado-vacio-mensaje{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.carrito-invitado-item-compacto{padding:8px 12px!important;margin-bottom:6px!important;min-height:70px;border-radius:var(--radius-md)!important;border-width:1px!important;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 8px;align-items:start}.carrito-invitado-item-info{grid-column:1;grid-row:1;margin:0;padding:0;flex:none}.carrito-invitado-item-compacto .carrito-invitado-item-nombre{font-size:14px;margin:0;line-height:1.2;font-weight:600;color:var(--text-primary)}.carrito-invitado-controles-compacto{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px;min-width:auto}.cantidad-controles-inline{display:flex;align-items:center;gap:3px;background:var(--bg-secondary);border-radius:6px;padding:2px 4px;border:1px solid var(--border-secondary)}.carrito-invitado-precios-compacto{grid-column:1;grid-row:2;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin:0}.subtotal-compacto{grid-column:2;grid-row:2;font-size:15;font-weight:700;color:var(--text-primary);text-align:center;padding:-3px 8px;margin-left:30%;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-secondary);min-width:80px;align-self:end;max-width:110px}.precio-compacto{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;transition:all .3s ease}.precio-compacto.efectivo{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.precio-compacto.lista{color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.precio-compacto.activo{transform:scale(1.05);box-shadow:0 1px 4px #00000026}.separador-precio{color:var(--text-secondary);font-weight:300;opacity:.6;font-size:9px}.btn-cantidad-compacto{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff;width:22px;height:22px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:11px}.btn-cantidad-compacto:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0003}.btn-cantidad-compacto.decrementar{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-cantidad-compacto.decrementar:hover{background:linear-gradient(135deg,#c0392b,#a93226)}.btn-cantidad-compacto.incrementar{background:linear-gradient(135deg,#27ae60,#229954)}.btn-cantidad-compacto.incrementar:hover{background:linear-gradient(135deg,#229954,#1e8449)}.cantidad-display-compacto{color:var(--text-primary);font-weight:700;font-size:11px;min-width:18px;text-align:center;padding:0 3px}.btn-eliminar-compacto{background:linear-gradient(135deg,#8e44ad,#7d3c98);border:none;color:#fff;width:22px;height:22px;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:10px;display:flex;align-items:center;justify-content:center}.subtotal-compacto.efectivo{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border-color:#27ae60}.subtotal-compacto.transferencia{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-color:#3498db}@media (max-width: 768px){.carrito-invitado-item-compacto{padding:6px 10px!important;min-height:65px;gap:3px 6px}.carrito-invitado-item-compacto .carrito-invitado-item-nombre{font-size:13px}.precio-compacto{font-size:10px;padding:1px 4px}.btn-cantidad-compacto,.btn-eliminar-compacto{width:20px;height:20px;font-size:9px}.cantidad-display-compacto{font-size:10px;min-width:16px}}.btn-eliminar-compacto{border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:10px;display:flex;align-items:center;justify-content:center}.btn-eliminar-compacto:hover{background:linear-gradient(135deg,#7d3c98,#6c3483);transform:translateY(-1px) scale(1.05)}@media (max-width: 768px){.carrito-invitado-item-compacto{padding:6px 10px!important;min-height:55px}.carrito-invitado-item-compacto .carrito-invitado-item-nombre{font-size:13px}.precio-compacto{font-size:10px;padding:1px 4px}.btn-cantidad-compacto,.btn-eliminar-compacto{width:20px;height:20px;font-size:10px}.cantidad-display-compacto{font-size:10px;min-width:16px}}:root{--carrito-cliente-primary: var(--neotec-orange);--carrito-cliente-primary-hover: var(--neotec-orange-hover);--carrito-cliente-secondary: var(--neotec-purple);--carrito-cliente-success: var(--neotec-green);--carrito-cliente-success-hover: var(--neotec-green-hover);--carrito-cliente-error: var(--neotec-red);--carrito-cliente-error-hover: var(--neotec-red-hover);--carrito-cliente-info: var(--neotec-blue);--carrito-cliente-gradient-primary: linear-gradient(135deg, var(--neotec-orange) 0%, var(--neotec-purple) 100%);--carrito-cliente-gradient-success: linear-gradient(135deg, var(--neotec-green) 0%, var(--neotec-green-hover) 100%);--carrito-cliente-gradient-error: linear-gradient(135deg, var(--neotec-red) 0%, var(--neotec-red-hover) 100%);--carrito-cliente-bg-primary: var(--bg-primary);--carrito-cliente-bg-secondary: var(--bg-secondary);--carrito-cliente-bg-tertiary: var(--bg-tertiary);--carrito-cliente-bg-glass: var(--bg-glass);--carrito-cliente-bg-overlay: var(--bg-overlay);--carrito-cliente-text-primary: var(--text-primary);--carrito-cliente-text-secondary: var(--text-secondary);--carrito-cliente-text-tertiary: var(--text-tertiary);--carrito-cliente-text-inverse: var(--text-inverse);--carrito-cliente-border-primary: var(--border-primary);--carrito-cliente-border-secondary: var(--border-secondary);--carrito-cliente-shadow-sm: var(--shadow-sm);--carrito-cliente-shadow-md: var(--shadow-md);--carrito-cliente-shadow-lg: var(--shadow-lg);--carrito-cliente-shadow-xl: var(--shadow-xl)}[data-theme=dark]{--carrito-cliente-bg-primary: var(--bg-primary);--carrito-cliente-bg-secondary: var(--bg-secondary);--carrito-cliente-bg-tertiary: var(--bg-tertiary);--carrito-cliente-text-primary: var(--text-primary);--carrito-cliente-text-secondary: var(--text-secondary);--carrito-cliente-text-tertiary: var(--text-tertiary);--carrito-cliente-border-primary: var(--border-primary);--carrito-cliente-border-secondary: var(--border-secondary)}.carrito-cliente-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--carrito-cliente-bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:flex-end;animation:carrito-cliente-fadeIn .3s ease-out}.carrito-cliente-container{width:100%;height:auto;min-height:auto;background:linear-gradient(135deg,var(--carrito-cliente-bg-primary) 0%,var(--carrito-cliente-bg-secondary) 100%);border-radius:16px;box-shadow:none;overflow:visible;color:var(--carrito-cliente-text-primary);display:flex;flex-direction:column}.carrito-cliente-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--carrito-cliente-border-primary);background:var(--carrito-cliente-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.carrito-cliente-titulo{margin:0;font-size:clamp(18px,4vw,24px);font-weight:var(--font-weight-bold);color:var(--carrito-cliente-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.carrito-cliente-subtitulo{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--carrito-cliente-text-secondary)}.carrito-cliente-btn-cerrar{background:var(--carrito-cliente-gradient-error);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--carrito-cliente-shadow-md)}.carrito-cliente-btn-cerrar:hover{transform:translateY(-2px);box-shadow:var(--carrito-cliente-shadow-lg)}.carrito-cliente-info{margin:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f973161a,#7c3aed1a);border-radius:var(--radius-lg);border:1px solid var(--carrito-cliente-primary);font-size:var(--font-size-sm);color:var(--carrito-cliente-primary)}.carrito-cliente-info-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold)}.carrito-cliente-contenido{overflow:visible;padding:var(--spacing-md) var(--spacing-xl)}.carrito-cliente-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,8vw,60px);text-align:center}.carrito-cliente-vacio-emoji{font-size:clamp(48px,10vw,64px);margin-bottom:var(--spacing-md);filter:grayscale(.3)}.carrito-cliente-vacio-titulo{margin:0 0 var(--spacing-sm) 0;font-size:clamp(18px,4vw,22px);font-weight:var(--font-weight-semibold);color:var(--carrito-cliente-text-primary)}.carrito-cliente-vacio-descripcion{margin:0;font-size:var(--font-size-base);color:var(--carrito-cliente-text-secondary)}.carrito-cliente-producto-item{background:var(--carrito-cliente-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border:1px solid var(--carrito-cliente-border-primary);transition:all .3s ease;box-shadow:var(--carrito-cliente-shadow-sm)}.carrito-cliente-producto-item:hover{transform:translateY(-2px);box-shadow:var(--carrito-cliente-shadow-lg);border-color:var(--carrito-cliente-primary)}.carrito-cliente-producto-contenido{display:flex;gap:var(--spacing-lg);align-items:center;width:100%}.carrito-cliente-producto-info{flex:1;min-width:0}.carrito-cliente-producto-nombre{margin:0 0 var(--spacing-sm) 0;font-size:clamp(15px,2.5vw,17px);font-weight:var(--font-weight-semibold);color:var(--carrito-cliente-text-primary);line-height:1.3;word-wrap:break-word}.carrito-cliente-precios-container{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.carrito-cliente-precio-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all .3s ease;border:1px solid transparent}.carrito-cliente-precio-badge.efectivo-activo{color:var(--carrito-cliente-success);background:#10b9811a;border-color:var(--carrito-cliente-success);font-weight:var(--font-weight-bold)}.carrito-cliente-precio-badge.transferencia-activo{color:var(--carrito-cliente-info);background:#3b82f61a;border-color:var(--carrito-cliente-info);font-weight:var(--font-weight-bold)}.carrito-cliente-precio-badge.inactivo{color:var(--carrito-cliente-text-tertiary);background:var(--carrito-cliente-bg-tertiary)}.carrito-cliente-producto-controles{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.carrito-cliente-cantidad-controles{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--carrito-cliente-bg-secondary);border-radius:var(--radius-md);padding:6px;border:1px solid var(--carrito-cliente-border-primary)}.carrito-cliente-btn-cantidad{background:var(--color-neutral);border:none;color:#fff;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-weight-semibold);transition:all .2s ease}.carrito-cliente-btn-cantidad:hover:not(:disabled){transform:scale(1.1)}.carrito-cliente-btn-cantidad.incrementar{background:var(--carrito-cliente-success)}.carrito-cliente-btn-cantidad.incrementar:hover{background:var(--carrito-cliente-success-hover)}.carrito-cliente-btn-cantidad.decrementar{background:var(--neotec-orange)}.carrito-cliente-btn-cantidad.decrementar:hover:not(:disabled){background:#e8620c}.carrito-cliente-btn-cantidad:disabled,.carrito-cliente-btn-cantidad.disabled{background:var(--color-neutral)!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.carrito-cliente-btn-cantidad.disabled:hover{background:var(--color-neutral)!important;transform:none!important}.carrito-cliente-cantidad-display{color:var(--carrito-cliente-text-primary);min-width:30px;text-align:center;font-size:clamp(14px,2.5vw,16px);font-weight:var(--font-weight-semibold)}.carrito-cliente-btn-eliminar{background:var(--carrito-cliente-gradient-error);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--carrito-cliente-shadow-sm)}.carrito-cliente-btn-eliminar:hover{transform:translateY(-1px);box-shadow:var(--carrito-cliente-shadow-md)}.carrito-cliente-footer{border-top:1px solid var(--carrito-cliente-border-primary);background:var(--carrito-cliente-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.carrito-cliente-footer-content{padding:var(--spacing-md)}.carrito-cliente-btn-vaciar{width:100%;background:var(--carrito-cliente-gradient-error);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:.8;margin-bottom:var(--spacing-md);box-shadow:var(--carrito-cliente-shadow-sm)}.carrito-cliente-btn-vaciar:hover{opacity:1;transform:translateY(-1px);box-shadow:var(--carrito-cliente-shadow-md)}.carrito-cliente-form-section{margin-bottom:var(--spacing-lg)}.carrito-cliente-form-group{margin-bottom:var(--spacing-md)}.carrito-cliente-form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--carrito-cliente-text-secondary)}.carrito-cliente-form-input,.carrito-cliente-form-select,.carrito-cliente-form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--carrito-cliente-border-primary);background:var(--carrito-cliente-bg-primary);color:var(--carrito-cliente-text-primary);font-size:var(--font-size-sm);outline:none;transition:all .3s ease;box-sizing:border-box}.carrito-cliente-form-input:focus,.carrito-cliente-form-select:focus,.carrito-cliente-form-textarea:focus{border-color:var(--carrito-cliente-primary);box-shadow:0 0 0 3px #f973161a}.carrito-cliente-form-row{display:flex;gap:var(--spacing-sm);align-items:center}.carrito-cliente-form-add{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md);background:#f973161a;border-radius:var(--radius-md);border:1px solid var(--carrito-cliente-primary)}.carrito-cliente-btn-add{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:none;background:var(--carrito-cliente-primary);color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all .3s ease;flex-shrink:0}.carrito-cliente-btn-add:hover:not(:disabled){background:var(--carrito-cliente-primary-hover);transform:translateY(-1px)}.carrito-cliente-btn-add:disabled{background:var(--color-neutral);cursor:not-allowed;opacity:.5}.carrito-cliente-btn-toggle{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--carrito-cliente-primary);background:transparent;color:var(--carrito-cliente-primary);font-size:var(--font-size-sm);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all .3s ease;min-width:40px;flex-shrink:0}.carrito-cliente-btn-toggle.active{background:var(--carrito-cliente-primary);color:#fff}.carrito-cliente-confirmacion-badge{margin-top:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs);background:#10b98133;border:1px solid var(--carrito-cliente-success);color:var(--carrito-cliente-success)}.carrito-cliente-metodo-pago-titulo{margin:0 0 var(--spacing-md) 0;font-size:clamp(14px,2.5vw,16px);font-weight:var(--font-weight-bold);color:var(--carrito-cliente-primary)}.carrito-cliente-metodo-pago-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm)}.carrito-cliente-metodo-pago-btn{background:var(--carrito-cliente-bg-secondary);color:var(--carrito-cliente-text-secondary);border:1px solid var(--carrito-cliente-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:var(--spacing-xs)}.carrito-cliente-metodo-pago-btn.efectivo-activo{background:var(--carrito-cliente-gradient-success);color:#fff;border-color:var(--carrito-cliente-success);box-shadow:var(--carrito-cliente-shadow-md)}.carrito-cliente-metodo-pago-btn.transferencia-activo{background:linear-gradient(135deg,var(--carrito-cliente-info) 0%,var(--neotec-blue-hover) 100%);color:#fff;border-color:var(--carrito-cliente-info);box-shadow:var(--carrito-cliente-shadow-md)}.carrito-cliente-metodo-pago-content{display:flex;align-items:center;gap:var(--spacing-sm)}.carrito-cliente-metodo-pago-desc{font-size:var(--font-size-xs);opacity:.8}.carrito-cliente-resumen{border-top:1px solid var(--carrito-cliente-border-primary);padding-top:var(--spacing-md)}.carrito-cliente-resumen-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--carrito-cliente-text-secondary);margin-bottom:var(--spacing-xs)}.carrito-cliente-resumen-total{display:flex;justify-content:space-between;font-size:clamp(16px,3vw,18px);font-weight:var(--font-weight-bold);color:var(--carrito-cliente-primary);padding:var(--spacing-sm) 0;border-top:1px solid var(--carrito-cliente-border-primary);margin:var(--spacing-md) 0}.carrito-cliente-puntos-container{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#10b9811a;border-radius:var(--radius-md);border:1px solid var(--carrito-cliente-success)}.carrito-cliente-puntos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.carrito-cliente-puntos-form{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);flex-wrap:wrap;color:var(--carrito-cliente-text-primary)}.carrito-cliente-puntos-input{width:80px;padding:4px 8px;background:var(--carrito-cliente-bg-primary);color:var(--carrito-cliente-text-primary);border:1px solid var(--carrito-cliente-success);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-size-xs)}.carrito-cliente-btn-puntos-max{padding:4px 8px;background:var(--carrito-cliente-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.carrito-cliente-btn-puntos-max:hover{background:var(--carrito-cliente-success-hover)}.carrito-cliente-btn-enviar{width:100%;background:var(--carrito-cliente-gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:clamp(14px,3vw,18px);font-size:clamp(14px,3vw,16px);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--carrito-cliente-shadow-lg);margin-top:var(--spacing-md)}.carrito-cliente-btn-enviar:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--carrito-cliente-shadow-xl)}.carrito-cliente-btn-enviar:disabled{background:var(--color-neutral);cursor:not-allowed;color:var(--text-disabled);box-shadow:none}.spinner{width:16px;height:16px;border:2px solid var(--text-disabled);border-top:2px solid white;border-radius:var(--radius-full);animation:carrito-cliente-spin 1s linear infinite}.carrito-cliente-error-container{margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-md);font-size:var(--font-size-xs);color:var(--carrito-cliente-error);text-align:center;background:#ef44441a;border-radius:var(--radius-md);border:1px solid var(--carrito-cliente-error)}.carrito-cliente-error-titulo{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold)}@keyframes carrito-cliente-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes carrito-cliente-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes carrito-cliente-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.carrito-cliente-modal-content{width:100vw;border-left:none}.carrito-cliente-header{flex-direction:column;gap:var(--spacing-md)}.carrito-cliente-producto-contenido{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.carrito-cliente-producto-controles{width:100%;flex-direction:row;justify-content:space-between}.carrito-cliente-metodo-pago-grid{grid-template-columns:1fr}.carrito-cliente-puntos-form{flex-direction:column;align-items:flex-start}.carrito-cliente-form-row{flex-direction:column;align-items:stretch}.carrito-cliente-btn-toggle{margin-top:var(--spacing-xs)}}@media (max-width: 480px){.carrito-cliente-producto-item{padding:var(--spacing-sm)}.carrito-cliente-cantidad-controles .carrito-cliente-btn-cantidad{width:28px;height:28px;font-size:14px}.carrito-cliente-footer-content{padding:var(--spacing-md)}}.modal-agregar-producto{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--neotec-primary-alpha);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d,0 0 20px var(--neotec-primary-alpha);color:var(--text-primary);max-width:min(650px,90vw);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:modalSlideIn .3s ease-out}.modal-agregar-producto-header{padding:var(--spacing-xl);border-bottom:2px solid var(--neotec-primary-alpha);flex-shrink:0}.modal-agregar-producto-title{color:var(--neotec-primary);margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.modal-agregar-producto-tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--neotec-primary-alpha);margin-bottom:var(--spacing-lg)}.modal-agregar-producto-tab{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md) var(--radius-md) 0 0;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.modal-agregar-producto-tab.active{color:var(--text-inverse);background:linear-gradient(135deg,var(--neotec-primary) 0%,var(--success-color) 100%)}.modal-agregar-producto-tab.edicion.active{background:linear-gradient(135deg,var(--info-color) 0%,#357ABD 100%)}.modal-agregar-producto-tab:not(.active){color:var(--text-primary)}.modal-agregar-producto-tab:not(.active):hover{background:var(--bg-hover);color:var(--neotec-primary)}.modal-agregar-producto-content{padding:var(--spacing-xl);overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--neotec-primary) var(--bg-tertiary)}.modal-agregar-producto-content::-webkit-scrollbar{width:6px}.modal-agregar-producto-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.modal-agregar-producto-content::-webkit-scrollbar-thumb{background:var(--neotec-primary);border-radius:3px}.modal-agregar-producto-content::-webkit-scrollbar-thumb:hover{background:var(--success-color)}.producto-info-container{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.producto-imagen-container{flex-shrink:0}.producto-imagen{width:160px;height:160px;object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--neotec-primary);box-shadow:0 8px 16px var(--neotec-primary-alpha);transition:transform .3s ease}.producto-imagen:hover{transform:scale(1.02)}.producto-imagen-placeholder{width:160px;height:160px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:3rem;border:2px solid var(--border-primary);color:var(--text-secondary)}.producto-detalles{flex:1;min-width:300px}.producto-titulo{color:var(--neotec-primary);margin-bottom:var(--spacing-md);font-size:1.125rem;font-weight:700;line-height:1.3}.producto-grid-info{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.producto-info-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-secondary)}.producto-info-label{font-weight:600;color:var(--text-secondary);min-width:120px}.producto-info-value{font-weight:600;color:var(--text-primary)}.producto-info-value.success{color:var(--success-color)}.producto-info-value.warning{color:var(--warning-color)}.producto-info-value.info{color:var(--info-color)}.distribuidores-container{background:linear-gradient(135deg,var(--info-color-alpha) 0%,rgba(74,144,226,.1) 100%);border-radius:var(--radius-md);padding:var(--spacing-md);border-left:4px solid var(--info-color);margin-top:var(--spacing-md)}.distribuidores-title{font-weight:600;color:var(--info-color);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.distribuidores-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.distribuidor-tag{background:var(--info-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;transition:transform .2s ease}.distribuidor-tag:hover{transform:scale(1.05)}body.modal-abierto{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100%!important;top:0!important;left:0!important}.carrito-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;overflow:hidden;overscroll-behavior:contain;pointer-events:auto}.carrito-modal-content{background:var(--bg-primary);border-radius:16px;padding:0;width:90%;max-width:800px;height:85vh;max-height:85vh;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid var(--border-secondary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out;position:relative;z-index:1001;pointer-events:auto;contain:layout style paint}.carrito-modal-content::-webkit-scrollbar{width:12px}.carrito-modal-content::-webkit-scrollbar-track{background:#0f172a66;border-radius:6px;border:1px solid rgba(37,211,102,.1)}.carrito-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#25d366,#22c55e);border-radius:6px;border:2px solid rgba(15,23,42,.2);min-height:40px}.carrito-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid rgba(15,23,42,.1);transform:scale(1.1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.carrito-modal-content{width:95%;max-width:none;height:90vh;margin:10px}.carrito-modal-overlay{padding:10px}.carrito-cliente-overlay{overflow:hidden!important;overscroll-behavior:contain!important;position:fixed!important;touch-action:none!important}.carrito-cliente-container{min-height:80vh!important;max-height:90vh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;width:95vw;max-width:95vw;margin:4vh auto;border-radius:12px;display:block!important}.carrito-cliente-header{padding:var(--spacing-sm) var(--spacing-md);position:sticky!important;top:0!important;background:var(--carrito-cliente-bg-glass)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:2!important}.carrito-cliente-contenido{padding:var(--spacing-sm) var(--spacing-md);overflow:visible!important}.carrito-cliente-footer{padding:var(--spacing-sm) var(--spacing-md)!important;margin-bottom:20px!important}.carrito-cliente-producto-contenido{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.carrito-cliente-producto-controles{width:100%;justify-content:space-between}.carrito-cliente-header{padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}.carrito-cliente-footer-content{padding:var(--spacing-sm);flex-shrink:0}}@media (max-width: 480px){.carrito-modal-content{width:98%;height:95vh}.carrito-modal-overlay{padding:5px}.carrito-cliente-container{min-height:80vh!important;max-height:90vh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;width:98vw!important;max-width:98vw!important;margin:2vh auto!important;border-radius:8px!important;display:block!important}.carrito-cliente-header{padding:var(--spacing-xs) var(--spacing-sm)!important;position:sticky!important;top:0!important;background:var(--carrito-cliente-bg-glass)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:2!important}.carrito-cliente-contenido{padding:var(--spacing-xs) var(--spacing-sm)!important;overflow:visible!important}.carrito-cliente-footer{padding:var(--spacing-xs) var(--spacing-sm)!important;margin-bottom:30px!important}.carrito-cliente-header{padding:var(--spacing-xs) var(--spacing-sm)!important;flex-shrink:0!important}.carrito-cliente-footer-content{padding:var(--spacing-xs)!important;flex-shrink:0!important}}:root{--carrito-simple-bg-primary: var(--bg-primary);--carrito-simple-bg-secondary: var(--bg-secondary);--carrito-simple-bg-glass: rgba(255, 255, 255, .95);--carrito-simple-text-primary: var(--text-primary);--carrito-simple-text-secondary: var(--text-secondary);--carrito-simple-text-muted: var(--text-muted);--carrito-simple-border-primary: var(--border-primary);--carrito-simple-border-secondary: var(--border-secondary);--carrito-simple-primary: var(--color-primary);--carrito-simple-primary-hover: var(--color-primary-hover);--carrito-simple-accent: var(--color-accent);--carrito-simple-accent-hover: var(--color-accent-hover);--carrito-simple-success: var(--color-success);--carrito-simple-success-hover: var(--color-success-hover);--carrito-simple-warning: var(--color-warning);--carrito-simple-danger: var(--color-danger);--carrito-simple-shadow-sm: var(--shadow-sm);--carrito-simple-shadow-md: var(--shadow-md);--carrito-simple-shadow-lg: var(--shadow-lg);--carrito-simple-radius-sm: var(--radius-sm);--carrito-simple-radius-md: var(--radius-md);--carrito-simple-radius-lg: var(--radius-lg)}[data-theme=dark]{--carrito-simple-bg-glass: rgba(30, 41, 59, .95)}.carrito-simple{position:fixed;top:120px;right:0;width:420px;height:calc(100vh - 120px);background:linear-gradient(135deg,var(--carrito-simple-bg-primary) 0%,var(--carrito-simple-bg-secondary) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:2px solid var(--carrito-simple-primary);box-shadow:var(--carrito-simple-shadow-lg);z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:carrito-simple-slideInRight .3s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.carrito-simple-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:carrito-simple-fadeIn .3s ease-out}.carrito-simple-header{padding:var(--spacing-lg);border-bottom:2px solid var(--carrito-simple-border-primary);background:linear-gradient(135deg,var(--carrito-simple-primary) 0%,var(--carrito-simple-accent) 100%);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.carrito-simple-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:carrito-simple-shimmer 3s infinite}.carrito-simple-titulo{margin:0;color:var(--text-on-primary);font-size:18px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:var(--spacing-sm);z-index:1;position:relative}.carrito-simple-contador{background:var(--text-on-primary);color:var(--carrito-simple-primary);padding:4px 8px;border-radius:50px;font-size:14px;font-weight:700;min-width:24px;text-align:center;box-shadow:0 2px 4px #0003}.carrito-simple-btn-cerrar{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--carrito-simple-radius-sm);padding:8px 12px;color:var(--text-on-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;z-index:1;position:relative;display:flex;align-items:center;gap:4px}.carrito-simple-btn-cerrar:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.carrito-simple-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-md);background:var(--carrito-simple-bg-primary)}.carrito-simple-vacio{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--carrito-simple-text-muted)}.carrito-simple-vacio-emoji{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.carrito-simple-vacio-texto{font-size:16px;font-weight:500;margin:0}.carrito-simple-producto{background:linear-gradient(135deg,var(--carrito-simple-bg-glass) 0%,rgba(255,255,255,.7) 100%);border:1px solid var(--carrito-simple-border-primary);border-radius:var(--carrito-simple-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all .3s ease;position:relative;overflow:hidden}.carrito-simple-producto:hover{transform:translateY(-2px);box-shadow:var(--carrito-simple-shadow-md);border-color:var(--carrito-simple-primary)}.carrito-simple-producto:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--carrito-simple-primary) 0%,var(--carrito-simple-accent) 100%);transform:scaleX(0);transition:transform .3s ease}.carrito-simple-producto:hover:before{transform:scaleX(1)}.carrito-simple-producto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.carrito-simple-producto-nombre{color:var(--carrito-simple-text-primary);font-size:14px;font-weight:700;margin:0;line-height:1.3;flex:1;margin-right:var(--spacing-sm)}.carrito-simple-btn-eliminar{background:rgba(var(--color-danger-rgb),.1);border:1px solid rgba(var(--color-danger-rgb),.3);border-radius:var(--carrito-simple-radius-sm);padding:6px 8px;color:var(--carrito-simple-danger);font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.carrito-simple-btn-eliminar:hover{background:rgba(var(--color-danger-rgb),.2);border-color:var(--carrito-simple-danger);transform:scale(1.05)}.carrito-simple-producto-detalles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-sm);font-size:11px;color:var(--carrito-simple-text-muted)}.carrito-simple-detalle-badge{background:rgba(var(--color-primary-rgb),.1);color:var(--carrito-simple-primary);padding:2px 6px;border-radius:4px;font-weight:500;border:1px solid rgba(var(--color-primary-rgb),.2)}.carrito-simple-producto-footer{display:flex;justify-content:space-between;align-items:center}.carrito-simple-controles-cantidad{display:flex;align-items:center;gap:8px}.carrito-simple-btn-cantidad{border:none;border-radius:50%;width:28px;height:28px;color:var(--text-on-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--carrito-simple-shadow-sm)}.carrito-simple-btn-cantidad.decrementar{background:linear-gradient(135deg,#ef4444,#dc2626)}.carrito-simple-btn-cantidad.decrementar:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:var(--carrito-simple-shadow-md)}.carrito-simple-btn-cantidad.incrementar{background:linear-gradient(135deg,#22c55e,#16a34a)}.carrito-simple-btn-cantidad.incrementar:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.05);box-shadow:var(--carrito-simple-shadow-md)}.carrito-simple-btn-cantidad:active{transform:scale(.95)}.carrito-simple-btn-cantidad:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.5}.carrito-simple-btn-cantidad:disabled:hover{transform:none;box-shadow:var(--carrito-simple-shadow-sm)}.carrito-simple-cantidad-display{background:var(--carrito-simple-success);color:var(--text-on-primary);padding:4px 10px;border-radius:var(--carrito-simple-radius-sm);font-weight:700;font-size:12px;min-width:32px;text-align:center;box-shadow:var(--carrito-simple-shadow-sm);border:2px solid rgba(255,255,255,.2)}.carrito-simple-precios{text-align:right}.carrito-simple-precio-unitario{color:var(--carrito-simple-text-secondary);font-size:11px;font-weight:500;margin-bottom:2px}.carrito-simple-precio-total{color:var(--carrito-simple-success);font-size:14px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.1)}.carrito-simple-footer{padding:var(--spacing-lg);border-top:2px solid var(--carrito-simple-border-primary);background:linear-gradient(135deg,var(--carrito-simple-bg-glass) 0%,var(--carrito-simple-bg-secondary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carrito-simple-total-container{text-align:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,var(--carrito-simple-primary) 0%,var(--carrito-simple-accent) 100%);border-radius:var(--carrito-simple-radius-md);border:2px solid rgba(255,255,255,.2);box-shadow:var(--carrito-simple-shadow-sm);position:relative;overflow:hidden}.carrito-simple-total-container:before{content:"";position:absolute;top:0;left:-100%;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:carrito-simple-shimmer 2s infinite}.carrito-simple-total-label{color:var(--text-on-primary);font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.carrito-simple-total-monto{color:var(--text-on-primary);font-size:20px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.carrito-simple-btn-principal{width:100%;background:linear-gradient(135deg,var(--carrito-simple-success) 0%,var(--carrito-simple-success-hover) 100%);border:none;border-radius:var(--carrito-simple-radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-on-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);box-shadow:var(--carrito-simple-shadow-sm)}.carrito-simple-btn-principal:hover{transform:translateY(-1px);box-shadow:var(--carrito-simple-shadow-md);background:linear-gradient(135deg,var(--carrito-simple-success-hover) 0%,var(--carrito-simple-success) 100%)}.carrito-simple-btn-principal:active{transform:translateY(0)}.carrito-simple-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1100;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:carrito-simple-fadeIn .3s ease-out}.carrito-simple-mobile-content{width:100%;max-height:70vh;background:linear-gradient(135deg,var(--carrito-simple-bg-primary) 0%,var(--carrito-simple-bg-secondary) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;overflow:hidden;animation:carrito-simple-slideInUp .3s ease-out}.carrito-simple-mobile-header{padding:var(--spacing-lg);border-bottom:2px solid var(--carrito-simple-border-primary);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--carrito-simple-primary) 0%,var(--carrito-simple-accent) 100%)}.carrito-simple-mobile-titulo{margin:0;color:var(--text-on-primary);font-size:20px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.carrito-simple-mobile-content-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md)}.carrito-simple-mobile-footer{padding:var(--spacing-lg);border-top:2px solid var(--carrito-simple-border-primary);background:linear-gradient(135deg,var(--carrito-simple-bg-glass) 0%,var(--carrito-simple-bg-secondary) 100%)}.carrito-simple-content::-webkit-scrollbar,.carrito-simple-mobile-content-scroll::-webkit-scrollbar{width:8px}.carrito-simple-content::-webkit-scrollbar-track,.carrito-simple-mobile-content-scroll::-webkit-scrollbar-track{background:rgba(var(--color-primary-rgb),.1);border-radius:4px}.carrito-simple-content::-webkit-scrollbar-thumb,.carrito-simple-mobile-content-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--carrito-simple-primary) 0%,var(--carrito-simple-accent) 100%);border-radius:4px;border:1px solid rgba(255,255,255,.2)}.carrito-simple-content::-webkit-scrollbar-thumb:hover,.carrito-simple-mobile-content-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--carrito-simple-accent) 0%,var(--carrito-simple-primary) 100%)}@keyframes carrito-simple-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes carrito-simple-slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes carrito-simple-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes carrito-simple-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.carrito-simple{display:none}}@media (max-width: 480px){.carrito-simple-mobile-content{max-height:85vh;border-radius:16px 16px 0 0}.carrito-simple-mobile-header,.carrito-simple-mobile-footer{padding:var(--spacing-md)}.carrito-simple-mobile-titulo{font-size:18px}}@media (max-width: 1200px){.carrito-simple{width:380px}}.carrito-invitado-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(8px,2vw,16px);animation:carrito-invitado-fadeIn .3s ease-out}.carrito-invitado-modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:clamp(350px,90vw,1200px);max-height:90vh;border:1px solid var(--border-secondary);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:carrito-invitado-slideUp .3s ease-out;z-index:10000;position:relative}.carrito-invitado-modal-scroll{max-height:90vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.carrito-invitado-modal-scroll::-webkit-scrollbar{width:8px}.carrito-invitado-modal-scroll::-webkit-scrollbar-track{background:transparent}.carrito-invitado-modal-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:4px}.carrito-invitado-modal-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover))}@keyframes carrito-invitado-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes carrito-invitado-slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.carrito-invitado-modal-overlay{padding:8px}.carrito-invitado-modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}}.carrito-invitado-modal-content{border-radius:16px 16px 0 0;max-height:100vh}.carrito-invitado-modal-overlay{align-items:flex-end;padding:0}.empleados-app-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-primary);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.empleados-app-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:var(--spacing-md);flex-wrap:nowrap;min-height:60px}.empleados-app-logo-section{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.empleados-app-logo-img,.empleados-app-logo-svg{height:45px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease;flex-shrink:0}.empleados-app-logo-img:hover,.empleados-app-logo-svg:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.05)}.empleados-app-logo-text{display:flex;flex-direction:column;gap:2px}.empleados-app-logo-primary{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-black);letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0}.empleados-app-logo-secondary{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;margin:0}.empleados-app-user-section{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.empleados-app-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.empleados-app-user-welcome{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.empleados-app-user-name{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.empleados-app-connection-status{display:flex;align-items:center;gap:var(--spacing-xs)}.empleados-app-connection-indicator{width:8px;height:8px;border-radius:var(--radius-full);transition:all .3s ease}.empleados-app-connection-indicator.connected{background:var(--color-success);box-shadow:0 0 8px #22c55e80;animation:empleados-app-pulse 2s infinite}.empleados-app-connection-indicator.disconnected{background:var(--color-error);box-shadow:0 0 8px #ef444480}.empleados-app-connection-text{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;margin:0}.empleados-app-user-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap;flex-shrink:0;height:44px}.empleados-app-toggle-sidebar{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.empleados-app-toggle-sidebar:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-app-toggle-sidebar.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empleados-app-hamburger-line{width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease}.empleados-app-sidebar.expandido .empleados-app-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.empleados-app-sidebar{position:fixed;top:80px;left:0;height:calc(100vh - 80px);background:linear-gradient(145deg,var(--bg-color) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);border-right:2px solid var(--border-color);box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.empleados-app-sidebar.compacto{width:70px;transform:translate(0)}.empleados-app-sidebar.expandido{width:250px;transform:translate(0);box-shadow:var(--shadow-xl)}.empleados-app-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--neotec-gradient);opacity:.8}.empleados-app-sidebar-content{height:100%;overflow-y:auto;padding:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--neotec-primary) transparent}.empleados-app-sidebar-content::-webkit-scrollbar{width:6px}.empleados-app-sidebar-content::-webkit-scrollbar-track{background:transparent}.empleados-app-sidebar-content::-webkit-scrollbar-thumb{background:var(--neotec-primary);border-radius:3px}.empleados-app-toggle-sidebar{width:44px;height:44px;background:var(--sidebar-toggle-bg);border:2px solid var(--sidebar-toggle-border);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.empleados-app-sidebar.expandido .empleados-app-toggle-sidebar{margin-left:1rem;margin-right:1rem}.empleados-app-toggle-sidebar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.empleados-app-toggle-sidebar:hover:before{left:100%}.empleados-app-toggle-sidebar:hover{background:var(--sidebar-toggle-hover-bg);border-color:var(--sidebar-toggle-hover-border);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.empleados-app-hamburger-menu{display:flex;flex-direction:column;gap:3px;width:18px;height:14px}.empleados-app-hamburger-line{width:100%;height:2px;background:var(--sidebar-toggle-icon);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.empleados-app-sidebar.expandido .empleados-app-hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.empleados-app-sidebar.expandido .empleados-app-hamburger-line:nth-child(2){opacity:0}.empleados-app-sidebar.expandido .empleados-app-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.empleados-app-menu{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.empleados-app-menu-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;text-decoration:none;color:var(--text-color);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:48px;justify-content:center}.empleados-app-sidebar.compacto .empleados-app-menu-item{padding:var(--spacing-md);width:48px;height:48px;margin:0 auto var(--spacing-sm) auto;border-radius:12px;justify-content:center;flex-shrink:0;overflow:hidden;max-width:48px}.empleados-app-sidebar.expandido .empleados-app-menu-item{padding:var(--spacing-md);gap:var(--spacing-sm);justify-content:flex-start;margin-bottom:var(--spacing-sm);border-radius:var(--radius-lg)}.empleados-app-sidebar.compacto .empleados-app-menu-text{display:none}.empleados-app-sidebar.compacto .empleados-app-toggle-sidebar{margin:0 auto var(--spacing-md) auto;width:44px;height:44px}.empleados-app-sidebar.compacto .empleados-app-menu-item.active{transform:translate(0);transform:translateY(-2px)}.empleados-app-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neotec-primary-alpha),transparent);transition:left .5s ease}.empleados-app-menu-item:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--neotec-gradient);opacity:0;transition:all .3s ease;border-radius:var(--radius-lg)}.empleados-app-menu-item:hover:before{left:100%}.empleados-app-menu-item:hover:after{width:3px;opacity:1}.empleados-app-menu-item:hover{background:linear-gradient(135deg,var(--bg-hover),var(--neotec-primary-20));border-color:var(--neotec-primary);transform:translateY(-2px);box-shadow:0 4px 16px #25d36633}.empleados-app-menu-item.active{background:linear-gradient(135deg,var(--neotec-primary),var(--neotec-secondary));border-color:transparent;color:#fff;transform:translate(6px);box-shadow:var(--shadow-lg)}.empleados-app-menu-item.active:after{width:0;opacity:0}.empleados-app-menu-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.empleados-app-menu-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex:1;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:fadeIn .3s ease-in-out}.empleados-panel-admin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);z-index:13000;display:flex;flex-direction:column;overflow:hidden}.empleados-panel-admin-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-primary);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.empleados-panel-admin-title{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.empleados-panel-admin-close-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.empleados-panel-admin-close-btn:hover{background:var(--color-error);color:#fff;border-color:var(--color-error);transform:scale(1.1)}.empleados-panel-admin-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}.empleados-panel-admin-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.empleados-panel-admin-form-card,.empleados-panel-admin-permissions-card{background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);border:2px solid var(--border-accent);transition:all .3s ease}.empleados-panel-admin-form-card:hover,.empleados-panel-admin-permissions-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.empleados-panel-admin-card-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.empleados-panel-admin-card-title:before{content:"";width:4px;height:20px;background:var(--brand-gradient);border-radius:var(--radius-sm);flex-shrink:0}.empleados-panel-admin-input,.empleados-panel-admin-select{width:100%;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);margin-bottom:var(--spacing-md);transition:all .3s ease}.empleados-panel-admin-input:focus,.empleados-panel-admin-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f9731633;transform:translateY(-1px)}.empleados-panel-admin-input-small{background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);flex:1;transition:all .3s ease}.empleados-panel-admin-input-small:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f9731633}.empleados-panel-admin-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.empleados-panel-admin-permission-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all .3s ease}.empleados-panel-admin-permission-label:hover{background:var(--bg-hover)}.empleados-panel-admin-checkbox{accent-color:var(--color-primary);transform:scale(1.2)}.empleados-panel-admin-btn-primary,.empleados-panel-admin-btn-secondary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.empleados-panel-admin-btn-primary:hover,.empleados-panel-admin-btn-secondary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empleados-panel-admin-btn-secondary{background:var(--color-secondary)}.empleados-panel-admin-btn-secondary:hover{background:var(--color-secondary-hover)}.empleados-panel-admin-permission-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:flex-end}.empleados-panel-admin-permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.empleados-panel-admin-permission-tag{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs);transition:all .3s ease}.empleados-panel-admin-permission-tag:hover{background:var(--color-primary-hover);transform:scale(1.05)}.empleados-panel-admin-permission-delete{background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-xs);transition:all .3s ease}.empleados-panel-admin-permission-delete:hover{background:var(--color-error);transform:scale(1.2)}.empleados-panel-admin-table-container{background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);border:2px solid var(--border-accent);overflow:hidden;transition:all .3s ease;width:100%;margin-bottom:var(--spacing-lg)}.empleados-panel-admin-table-container:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.empleados-panel-admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);color:var(--text-primary);min-width:600px}.empleados-panel-admin-table th{padding:var(--spacing-md);text-align:left;background:var(--bg-secondary);color:var(--color-primary);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--border-primary);font-size:var(--font-size-sm)}.empleados-panel-admin-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.empleados-panel-admin-table th:last-child{border-radius:0 var(--radius-lg) 0 0;text-align:center}.empleados-panel-admin-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary);transition:all .3s ease}.empleados-panel-admin-table tr:hover{background:var(--bg-hover)}.empleados-panel-admin-table tr:nth-child(2n){background:var(--bg-secondary)}.empleados-panel-admin-table tr:nth-child(2n):hover{background:var(--bg-hover)}.empleados-panel-admin-user-avatar{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-sm);margin-right:var(--spacing-sm);box-shadow:var(--shadow-sm)}.empleados-panel-admin-user-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.empleados-panel-admin-role-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.empleados-panel-admin-role-badge.admin{background:var(--color-success)}.empleados-panel-admin-permissions-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.empleados-panel-admin-permission-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.empleados-panel-admin-permission-badge.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empleados-panel-admin-permission-badge:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.empleados-panel-admin-action-buttons{display:flex;gap:var(--spacing-xs);justify-content:center;align-items:center;flex-wrap:wrap}.empleados-panel-admin-btn-action{background:var(--bg-secondary);color:var(--color-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap}.empleados-panel-admin-btn-action:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-panel-admin-btn-action.profile{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.empleados-panel-admin-btn-action.profile:hover{background:var(--color-secondary-hover)}.empleados-panel-admin-btn-action.danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.empleados-panel-admin-btn-action.danger:hover{background:var(--color-error-hover)}.empleados-panel-admin-variables-form{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.empleados-panel-admin-variable-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .3s ease}.empleados-panel-admin-variable-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f9731633}.empleados-panel-admin-footer-buttons{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-top:2px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.empleados-panel-admin-btn-import{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.empleados-panel-admin-btn-import:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.empleados-panel-admin-main-grid{grid-template-columns:1fr}.empleados-panel-admin-content{padding:var(--spacing-md)}.empleados-panel-admin-action-buttons{flex-direction:column}.empleados-panel-admin-btn-action{width:100%;text-align:center}.empleados-panel-admin-variables-form{flex-direction:column;align-items:stretch}.empleados-panel-admin-footer-buttons{flex-direction:column;align-items:center}.empleados-panel-admin-table{min-width:500px}.empleados-panel-admin-permissions-badges{flex-direction:column}.empleados-panel-admin-permission-badge{text-align:center}}.empleados-panel-admin-table-container .empleados-panel-admin-card-title:before{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.empleados-panel-admin-table tbody:empty:after{content:"No hay datos para mostrar";display:block;text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.empleados-panel-admin-permission-badge{min-width:60px;text-align:center;white-space:nowrap}.empleados-panel-admin-permission-badge.active:before{content:"✓ ";font-weight:700}.empleados-panel-admin-btn-action{min-width:80px;text-align:center;white-space:nowrap}.empleados-panel-admin-tabs-container{margin-bottom:var(--spacing-xl)}.empleados-panel-admin-tabs-header{display:flex;border-bottom:2px solid var(--border-primary);margin-bottom:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;box-shadow:var(--shadow-sm)}.empleados-panel-admin-tab-btn{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:3px solid transparent;position:relative;min-width:140px;justify-content:center}.empleados-panel-admin-tab-btn:hover{background:var(--bg-hover);color:var(--color-primary);transform:translateY(-1px)}.empleados-panel-admin-tab-btn.active{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold);border-bottom-color:var(--color-primary);box-shadow:0 2px 8px #f973164d}.empleados-panel-admin-tab-btn.active:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--brand-gradient)}.empleados-panel-admin-tab-icon{font-size:var(--font-size-md);display:flex;align-items:center}.empleados-panel-admin-tab-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.empleados-panel-admin-tabs-header{flex-direction:column}.empleados-panel-admin-tab-btn{min-width:auto;width:100%;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}}.empleados-presupuestos-container{width:100%;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);padding:var(--spacing-sm);box-sizing:border-box;min-height:calc(100vh - 150px)}.empleados-presupuestos-main-card{width:100%;background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);border:2px solid var(--border-accent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.empleados-presupuestos-main-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--brand-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.empleados-presupuestos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-primary)}.empleados-presupuestos-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm)}.empleados-presupuestos-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.empleados-presupuestos-cliente-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-secondary)}.empleados-presupuestos-cliente-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.empleados-presupuestos-cliente-search{display:flex;flex:1;gap:var(--spacing-sm);min-width:250px}.empleados-presupuestos-cliente-input{flex:1;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .3s ease}.empleados-presupuestos-cliente-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #25d36633;transform:translateY(-1px)}.empleados-presupuestos-btn-primary{background:var(--neotec-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);white-space:nowrap}.empleados-presupuestos-btn-primary:hover{background:var(--neotec-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empleados-presupuestos-btn-secondary{background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md)}.empleados-presupuestos-btn-secondary:hover{background:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empleados-presupuestos-cliente-selected{background:linear-gradient(135deg,var(--neotec-primary-20) 0%,var(--neotec-secondary-20) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:2px solid var(--neotec-primary);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #25d3664d;margin-bottom:var(--spacing-md)}.empleados-presupuestos-cliente-info{color:var(--text-primary);font-size:var(--font-size-sm);flex:1}.empleados-presupuestos-cliente-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--neotec-primary);margin-bottom:var(--spacing-xs)}.empleados-presupuestos-cliente-details{color:var(--text-secondary);font-size:var(--font-size-xs);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.empleados-presupuestos-cliente-actions{display:flex;gap:var(--spacing-sm)}.empleados-presupuestos-btn-edit{background:var(--color-warning);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);cursor:pointer;transition:all .3s ease}.empleados-presupuestos-btn-edit:hover{background:var(--color-warning-hover);transform:scale(1.05)}.empleados-presupuestos-clientes-list{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);max-height:200px;overflow-y:auto;box-shadow:var(--shadow-lg)}.empleados-presupuestos-cliente-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.empleados-presupuestos-cliente-item:hover{background:var(--bg-hover)}.empleados-presupuestos-cliente-item:last-child{border-bottom:none}.empleados-presupuesto-actual-container{margin-top:var(--spacing-lg);background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(37,211,102,.3);position:relative;overflow:hidden}.empleados-presupuesto-actual-container:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,var(--neotec-primary) 0%,var(--neotec-secondary) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.empleados-presupuesto-empty-state{text-align:center;margin:var(--spacing-xl) 0}.empleados-presupuesto-empty-card{background:var(--bg-secondary);border:2px dashed rgba(37,211,102,.3);border-radius:var(--radius-xl);padding:var(--spacing-xl);color:var(--neotec-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.5}.empleados-presupuesto-empty-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.empleados-presupuesto-empty-title{margin-bottom:var(--spacing-sm)}.empleados-presupuesto-empty-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}.empleados-presupuesto-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.empleados-presupuesto-tipo-precio{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.empleados-presupuesto-tipo-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);cursor:pointer;transition:all .3s ease;font-weight:var(--font-weight-medium)}.empleados-presupuesto-tipo-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #f973164d}.empleados-presupuesto-tipo-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.empleados-presupuesto-actions-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.empleados-presupuesto-table-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-secondary)}.empleados-presupuesto-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.empleados-presupuesto-table th{background:var(--bg-tertiary);color:var(--color-primary);font-weight:var(--font-weight-bold);padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.empleados-presupuesto-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary);color:var(--text-primary);vertical-align:middle}.empleados-presupuesto-table tr:hover{background:var(--bg-hover)}.empleados-presupuesto-table tr:last-child td{border-bottom:none}.empleados-presupuesto-product-cell{font-weight:var(--font-weight-medium);color:var(--text-primary)}.empleados-presupuesto-price-cell{font-weight:var(--font-weight-bold);color:var(--neotec-primary);text-align:right}.empleados-presupuesto-input-small{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-primary);width:60px;text-align:center;transition:all .3s ease}.empleados-presupuesto-input-small:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f9731633}.empleados-presupuesto-btn-delete{background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all .3s ease}.empleados-presupuesto-btn-delete:hover{background:var(--color-error-hover);transform:scale(1.05)}.empleados-presupuesto-totales{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg);border:1px solid var(--border-secondary)}.empleados-presupuesto-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-secondary)}.empleados-presupuesto-total-row:last-child{border-bottom:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--neotec-primary);padding-top:var(--spacing-md);border-top:2px solid var(--border-primary)}.empleados-presupuesto-total-label{color:var(--text-primary);font-weight:var(--font-weight-medium)}.empleados-presupuesto-total-value{color:var(--neotec-primary);font-weight:var(--font-weight-bold);font-family:Courier New,monospace}@media (max-width: 768px){.empleados-presupuestos-container{padding:var(--spacing-xs);min-height:calc(100vh - 100px)}.empleados-presupuestos-main-card{padding:var(--spacing-md);border-radius:var(--spacing-md)}.empleados-presupuestos-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.empleados-presupuestos-actions{width:100%;justify-content:stretch}.empleados-presupuestos-btn-primary,.empleados-presupuestos-btn-secondary{flex:1;min-height:44px}.empleados-presupuestos-cliente-header{flex-direction:column;align-items:stretch}.empleados-presupuestos-cliente-search{min-width:auto}.empleados-presupuestos-cliente-selected{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.empleados-presupuestos-cliente-actions{width:100%;justify-content:stretch}.empleados-presupuesto-actual-container{padding:var(--spacing-md)}.empleados-presupuesto-controls{flex-direction:column;align-items:stretch}.empleados-presupuesto-tipo-precio{justify-content:center}.empleados-presupuesto-actions-group{width:100%;justify-content:stretch}.empleados-presupuesto-table-container{overflow-x:auto}.empleados-presupuesto-table{min-width:600px}}.empleados-app-content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 80px);background:var(--bg-color);transition:all .3s ease;position:relative}.empleados-app-content.sidebar-compacto{margin-left:70px}.empleados-app-content.sidebar-expandido{margin-left:250px}[data-theme=dark] .empleados-app-sidebar{background:linear-gradient(145deg,var(--bg-color) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);border-right-color:var(--border-color)}[data-theme=dark] .empleados-app-menu-item{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-color:var(--border-primary);color:var(--text-primary);box-shadow:0 2px 8px #0003}[data-theme=dark] .empleados-app-menu-item:hover{background:linear-gradient(135deg,var(--bg-hover),var(--neotec-primary-20));border-color:var(--neotec-primary);box-shadow:0 4px 16px #25d36633;transform:translateY(-2px)}[data-theme=dark] .empleados-app-menu-item.active{background:linear-gradient(135deg,var(--neotec-primary),var(--neotec-secondary));border-color:var(--neotec-accent);color:#fff;box-shadow:0 4px 20px #25d36666}@media (max-width: 768px){.empleados-app-sidebar.compacto{transform:translate(-100%)}.empleados-app-sidebar.expandido{width:280px;box-shadow:var(--shadow-xl)}.empleados-app-content.sidebar-compacto,.empleados-app-content.sidebar-expandido{margin-left:0}}.empleados-app-main-content{flex:1;padding:1px;overflow-y:auto;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative}.empleados-app-chat-panel{position:fixed;bottom:20px;right:20px;width:300px;max-height:400px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:1001;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.empleados-app-chat-panel.visible{transform:translateY(0);opacity:1}.empleados-app-chat-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary)}.empleados-app-chat-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.empleados-app-chat-close{background:#fff3;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);color:#fff;cursor:pointer;transition:all .3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.empleados-app-chat-close:hover{background:#ffffff4d;transform:scale(1.1)}.empleados-app-chat-content{height:300px;overflow-y:auto;padding:var(--spacing-md);background:var(--bg-primary)}.empleados-app-floating-chat{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.empleados-app-floating-chat:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-2xl)}.empleados-app-floating-chat.active{background:var(--color-error);transform:rotate(45deg)}.empleados-app-floating-chat:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary),var(--color-primary));border-radius:var(--radius-full);z-index:-1;animation:empleados-app-shimmer 3s linear infinite}.empleados-app-mobile-menu{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:2px solid var(--border-primary);box-shadow:0 -4px 20px #0000001a;padding:var(--spacing-sm) var(--spacing-md);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none}.empleados-app-mobile-menu-content{display:flex;justify-content:space-around;align-items:center;max-width:400px;margin:0 auto}.empleados-app-mobile-menu-item{background:transparent;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);min-width:60px;position:relative}.empleados-app-mobile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.empleados-app-mobile-menu-item.active{color:var(--color-primary);background:#f973161a}.empleados-app-mobile-menu-icon{font-size:20px;transition:all .3s ease}.empleados-app-mobile-menu-item.active .empleados-app-mobile-menu-icon{transform:scale(1.2);filter:drop-shadow(0 0 8px var(--color-primary))}.empleados-app-mobile-menu-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.empleados-app-mobile-menu-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-error);border-radius:var(--radius-full);animation:empleados-app-pulse 2s infinite}.empleados-app-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.empleados-app-sidebar-overlay.visible{opacity:1;visibility:visible}@keyframes empleados-app-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes empleados-app-slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.empleados-app-header-content{gap:var(--spacing-md)}.empleados-app-user-info{display:none}.empleados-app-sidebar{width:260px}.empleados-app-content.sidebar-visible{margin-left:260px}}@media (max-width: 768px){.empleados-app-header{padding:var(--spacing-sm) var(--spacing-md)}.empleados-app-header-content{flex-wrap:nowrap;gap:var(--spacing-sm)}.empleados-app-logo-img,.empleados-app-logo-svg{height:40px}.empleados-app-logo-primary{font-size:var(--font-size-lg)}.empleados-app-logo-secondary{font-size:var(--font-size-xs)}.empleados-app-user-section{gap:var(--spacing-sm)}.empleados-app-user-actions{gap:var(--spacing-xs)}.empleados-app-user-actions button{padding:var(--spacing-xs);min-width:36px;height:36px}.empleados-app-user-actions>div:last-child>div{min-width:60px!important;height:36px!important;padding:4px 6px!important;font-size:11px!important}.empleados-app-toggle-sidebar{width:36px;height:36px;padding:var(--spacing-xs)}.empleados-app-sidebar{top:60px;height:calc(100vh - 60px);width:100%;max-width:220px}.empleados-app-content{min-height:calc(100vh - 120px)}.empleados-app-content.sidebar-visible{margin-left:0}.empleados-app-main-content{padding:5px}.empleados-app-mobile-menu{display:block}.empleados-app-floating-chat{bottom:80px;width:50px;height:50px;font-size:var(--font-size-lg)}.empleados-app-chat-panel{bottom:80px;right:10px;width:calc(100vw - 20px);max-width:300px}}@media (max-width: 480px){.empleados-app-header{padding:var(--spacing-xs) var(--spacing-sm)}.empleados-app-logo-img{height:35px}.empleados-app-logo-primary{font-size:var(--font-size-base)}.empleados-app-logo-text,.empleados-app-connection-text{display:none}.empleados-app-toggle-sidebar{width:32px;height:32px}.empleados-app-main-content{padding:5px}.empleados-app-menu-item{padding:var(--spacing-sm)}.empleados-app-menu-text{font-size:var(--font-size-sm)}.empleados-app-floating-chat{width:45px;height:45px;bottom:70px;right:10px}.empleados-app-chat-panel{width:calc(100vw - 10px);right:5px;bottom:70px}.empleados-app-mobile-menu-text{font-size:10px}.empleados-app-mobile-menu-icon{font-size:18px}}[data-theme=dark] .empleados-app-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom-color:var(--border-primary)}[data-theme=dark] .empleados-app-sidebar{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-right-color:var(--border-primary)}@media (max-width: 480px){.empleados-app-header-content{gap:var(--spacing-xs)}.empleados-app-logo-text,.empleados-app-user-info{display:none}.empleados-app-user-actions{gap:4px}.empleados-app-user-actions button{padding:6px;min-width:32px;height:32px;font-size:14px}}[data-theme=dark] .empleados-app-menu-item{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .empleados-app-menu-item:hover{background:var(--bg-hover);border-color:var(--color-primary)}[data-theme=dark] .empleados-app-content{background:var(--bg-primary)}[data-theme=dark] .empleados-app-main-content{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}[data-theme=dark] .empleados-app-mobile-menu{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top-color:var(--border-primary)}@media (prefers-contrast: high){.empleados-app-header,.empleados-app-sidebar,.empleados-app-menu-item{border-width:2px}.empleados-app-menu-item.active{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){.empleados-app-sidebar,.empleados-app-menu-item,.empleados-app-floating-chat,.empleados-app-chat-panel,.empleados-app-toggle-sidebar{transition:none}.empleados-app-floating-chat:before,.empleados-app-connection-indicator.connected,.empleados-app-menu-badge,.empleados-app-mobile-menu-indicator{animation:none}}.empleados-app-container{display:flex;flex-direction:column;height:100vh;width:100vw;font-family:var(--font-family-base);background:var(--bg-primary);position:relative;overflow:hidden}.empleados-app-main-layout{display:flex;flex:1;overflow:hidden}@media (max-width: 768px){.empleados-app-main-layout{flex-direction:column}}.empleados-app-btn-logout{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s ease;height:38px;display:flex;align-items:center;justify-content:center}.empleados-app-btn-logout:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.empleados-app-btn-admin,.empleados-app-btn-dispositivos{background:transparent;border:1px solid var(--border-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s ease;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.empleados-app-btn-admin:hover,.empleados-app-btn-dispositivos:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.empleados-app-btn-dispositivos.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empleados-app-user-actions>div:last-child{display:flex;align-items:center;height:38px}.empleados-app-user-actions>div:last-child>div{border-color:var(--border-primary)!important;background-color:var(--bg-secondary)!important}.empleados-app-user-actions>div:last-child:hover>div{border-color:var(--color-primary)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-app-content.chat-panel-open{margin-right:400px}@media (max-width: 768px){.empleados-app-content.chat-panel-open{margin-right:0}.empleados-app-content{height:calc(100vh - 60px);padding-bottom:75px}}.empleados-app-offline-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:9999;pointer-events:all;cursor:not-allowed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.empleados-app-floating-chat{position:fixed;bottom:20px;right:15px;z-index:9998;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-xl);width:56px;height:56px;cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;transform:scale(1)}.empleados-app-floating-chat:hover{transform:scale(1.1);box-shadow:0 6px 25px #25d36699}@media (max-width: 768px){.empleados-app-floating-chat{bottom:85px;width:48px;height:48px;font-size:var(--font-size-lg)}.empleados-app-floating-chat:hover{transform:scale(1)}}.carrito-invitado-header{padding:var(--spacing-md)}.carrito-invitado-item{flex-direction:column;gap:var(--spacing-md)}.carrito-invitado-controles{align-items:stretch;min-width:auto;width:100%}@keyframes empleados-app-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes empleados-app-slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes empleados-app-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes empleados-app-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@media (max-width: 768px){.empleados-app-sidebar{width:100%;top:70px;height:calc(100vh - 70px)}.empleados-app-content.sidebar-visible{margin-left:0}.empleados-app-logo-secondary,.empleados-app-user-info{display:none}}.carrito-invitado-cantidad-controles{justify-content:center}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) rotate(45deg);opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}.animate-pulse{animation:pulse 1s infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-float{animation:float 2s ease-in-out infinite}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f8fafc);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-primary, #F97316);border-radius:4px;opacity:.7}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover, #EA580C);opacity:1}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #f8fafc;--color-text-secondary: #cbd5e1}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary, #F97316);outline-offset:2px;box-shadow:0 0 0 4px #f973161a}.empleados-presupuestos-actions-section{padding-top:16px;border-top:1px solid rgba(37,211,102,.15);margin-top:8px}.empleados-presupuestos-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.5vw,12px);width:100%}@media (max-width: 768px){.empleados-presupuestos-actions-grid{display:flex;flex-direction:column;gap:12px}}.empleados-presupuestos-action-button{font-weight:500;font-size:clamp(11px,2.5vw,13px);border:none;border-radius:6px;padding:10px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;white-space:nowrap;width:auto}@media (max-width: 768px){.empleados-presupuestos-action-button{font-size:16px;border-radius:8px;padding:16px 20px;gap:8px;min-height:50px;width:100%}.empleados-presupuestos-action-button span:first-child{font-size:18px}}.empleados-presupuestos-action-button span:first-child{font-size:14px}.empleados-presupuestos-action-button:disabled{background:#30363d!important;color:#8b949e!important;cursor:not-allowed!important;box-shadow:none!important}.empleados-presupuestos-danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.empleados-presupuestos-danger-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.empleados-presupuestos-success-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.empleados-presupuestos-success-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.empleados-presupuestos-primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.empleados-presupuestos-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.empleados-presupuestos-info-button{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 2px 8px #06b6d44d}.empleados-presupuestos-info-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #06b6d466}.empleados-presupuestos-button-group{display:flex;position:relative;z-index:100}.empleados-presupuestos-dropdown{position:relative;margin-left:-1px;z-index:100}.empleados-presupuestos-dropdown-toggle{border:none;border-radius:0 6px 6px 0!important;padding:10px 8px!important;cursor:pointer;transition:all .2s ease;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:10px;border-left:1px solid rgba(255,255,255,.2)!important}.empleados-presupuestos-dropdown-menu{display:block;position:fixed;background:#1a1a1a;border:1px solid rgba(6,182,212,.3);border-radius:6px;z-index:9999;box-shadow:0 8px 24px #00000080;min-width:180px;max-width:250px}.empleados-presupuestos-dropdown-menu button{width:100%;background:none;border:none;color:#e1e5e9;padding:12px 16px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:12px;border-radius:0;white-space:nowrap}.empleados-presupuestos-dropdown-menu button:first-child{border-radius:6px 6px 0 0}.empleados-presupuestos-dropdown-menu button:last-child{border-radius:0 0 6px 6px}.empleados-presupuestos-dropdown-menu button:hover{background:#06b6d41a;color:#06b6d4}.empleados-presupuestos-button-group .empleados-presupuestos-action-button{border-radius:6px 0 0 6px!important}@media (max-width: 768px){.empleados-presupuestos-button-group{flex-direction:column;width:100%}.empleados-presupuestos-action-button{border-radius:8px 8px 0 0!important}.empleados-presupuestos-dropdown{margin-left:0;margin-top:-1px}.empleados-presupuestos-dropdown-toggle{border-radius:0 0 8px 8px!important;border-left:none!important;border-top:1px solid rgba(255,255,255,.2)!important;min-height:40px;padding:12px 16px!important}.empleados-presupuestos-dropdown-menu{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;min-width:200px!important;max-width:90vw!important}}.empleados-presupuesto-container{margin-top:16px!important;background:var(--bg-gradient-card)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 4px 24px #25d3661a!important;border:1px solid rgba(37,211,102,.3)!important;width:100%!important;position:relative!important}@media (max-width: 768px){.empleados-presupuesto-container{border-radius:12px!important;padding:16px!important}}.empleados-presupuesto-top-line{position:absolute!important;top:-1px!important;left:-1px!important;right:-1px!important;height:3px!important;background:linear-gradient(90deg,#25d366,#22c55e)!important;border-radius:16px 16px 0 0!important}.empleados-presupuesto-empty-section{text-align:center!important;margin:2rem 0!important}.empleados-presupuesto-no-client{background:var(--bg-gradient-card)!important;border:2px dashed rgba(37,211,102,.3)!important;border-radius:12px!important;padding:24px!important;color:#25d366!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important}.empleados-presupuesto-empty-icon{font-size:32px!important;margin-bottom:12px!important}.empleados-presupuesto-empty-title{margin-bottom:8px!important}.empleados-presupuesto-empty-subtitle{color:#aaa!important;font-size:14px!important}.empleados-presupuesto-empty-content{text-align:center!important}.empleados-presupuesto-search-button{background:#25d366!important;color:#181c20!important;border:none!important;border-radius:6px!important;padding:8px 16px!important;font-weight:500!important;font-size:12px!important;cursor:pointer!important;box-shadow:0 2px 8px #25d36633!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:16px!important}.empleados-presupuesto-search-button:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #25d36644!important}.empleados-presupuesto-empty-text{color:#aaa!important;font-size:18px!important;margin-bottom:0!important}@media (max-width: 768px){.empleados-presupuesto-empty-text{font-size:16px!important}}.empleados-presupuesto-price-type-section{margin-bottom:18px!important;display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:center!important}@media (max-width: 768px){.empleados-presupuesto-price-type-section{gap:8px!important}}.empleados-presupuesto-price-type-label{color:#25d366!important;font-weight:700!important;font-size:16px!important;display:flex!important;align-items:center!important;gap:6px!important}@media (max-width: 768px){.empleados-presupuesto-price-type-label{font-size:14px!important}}.empleados-presupuesto-price-type-buttons{display:flex!important;gap:12px!important;flex-wrap:wrap!important}@media (max-width: 768px){.empleados-presupuesto-price-type-buttons{gap:8px!important}}.empleados-presupuesto-price-type-button{font-weight:500!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid!important}.empleados-presupuesto-price-type-button{border:1px solid!important;border-radius:8px!important;padding:6px 12px!important;font-weight:500!important;font-size:12px!important;cursor:pointer!important;white-space:nowrap!important;min-height:32px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:4px!important;background:transparent!important;position:relative!important;overflow:hidden!important}.empleados-presupuesto-price-type-button:not(.active){background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffff1a!important;border:2px solid currentColor!important}.empleados-presupuesto-price-type-button.active{font-weight:700!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 4px 16px #00000040!important}.empleados-presupuesto-price-type-button:not(.active):hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 20px #0003!important}.empleados-presupuesto-price-type-button[data-color="#2196f3"]:not(.active){color:#64b5f6!important;border-color:#2196f3!important;background:linear-gradient(135deg,#2196f314,#2196f308,#ffffff05)!important;box-shadow:0 2px 12px #2196f326,inset 0 1px #64b5f633!important}.empleados-presupuesto-price-type-button[data-color="#2196f3"].active{background:linear-gradient(135deg,#2196f3,#1976d2)!important;border-color:#2196f3!important;box-shadow:0 4px 20px #2196f380!important;color:#fff!important}.empleados-presupuesto-price-type-button[data-color="#2196f3"]:not(.active):hover{background:linear-gradient(135deg,#2196f326,#2196f314,#ffffff0d)!important;border-color:#64b5f6!important;color:#81c4fd!important;box-shadow:0 4px 16px #2196f340,inset 0 1px #64b5f64d!important}.empleados-presupuesto-price-type-button[data-color="#1da851"]:not(.active){color:#66bb6a!important;border-color:#1da851!important;background:linear-gradient(135deg,#1da85114,#1da85108,#ffffff05)!important;box-shadow:0 2px 12px #1da85126,inset 0 1px #66bb6a33!important}.empleados-presupuesto-price-type-button[data-color="#1da851"].active{background:linear-gradient(135deg,#1da851,#16a34a)!important;border-color:#1da851!important;box-shadow:0 4px 20px #1da85180!important;color:#fff!important}.empleados-presupuesto-price-type-button[data-color="#1da851"]:not(.active):hover{background:linear-gradient(135deg,#1da85126,#1da85114,#ffffff0d)!important;border-color:#66bb6a!important;color:#81c784!important;box-shadow:0 4px 16px #1da85140,inset 0 1px #66bb6a4d!important}.empleados-presupuesto-price-type-button[data-color="#ffb300"]:not(.active){color:#ffd54f!important;border-color:#ffb300!important;background:linear-gradient(135deg,#ffb30014,#ffb30008,#ffffff05)!important;box-shadow:0 2px 12px #ffb30026,inset 0 1px #ffd54f33!important}.empleados-presupuesto-price-type-button[data-color="#ffb300"].active{background:linear-gradient(135deg,#ffb300,#f57c00)!important;border-color:#ffb300!important;box-shadow:0 4px 20px #ffb30080!important;color:#fff!important}.empleados-presupuesto-price-type-button[data-color="#ffb300"]:not(.active):hover{background:linear-gradient(135deg,#ffb30026,#ffb30014,#ffffff0d)!important;border-color:#ffd54f!important;color:#ffe082!important;box-shadow:0 4px 16px #ffb30040,inset 0 1px #ffd54f4d!important}.empleados-presupuesto-add-products-button{border:none!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;white-space:nowrap!important;min-height:36px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:8px!important;position:relative!important;overflow:hidden!important}.empleados-presupuesto-add-products-button:not(:disabled){background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important;box-shadow:0 4px 15px #25d3664d!important;border:2px solid #25D366!important}.empleados-presupuesto-add-products-button:disabled{background:linear-gradient(135deg,#666,#555)!important;color:#ccc!important;cursor:not-allowed!important;box-shadow:0 2px 8px #0000001a!important;border:2px solid #666!important}.empleados-presupuesto-add-products-button:not(:disabled):hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 25px #25d36666!important;background:linear-gradient(135deg,#2ee374,#139b8c)!important}.empleados-presupuesto-table-container{overflow-x:auto;width:100%;border-radius:12px;border:1px solid rgba(37,211,102,.2);background:var(--bg-gradient-card)}.empleados-presupuesto-table{width:100%;border-collapse:collapse;background:transparent;margin-bottom:0;min-width:900px}@media (min-width: 768px){.empleados-presupuesto-table{min-width:100%}}.empleados-presupuesto-table-header{background:var(--bg-gradient-card);color:#25d366;font-weight:700;font-size:14px}@media (max-width: 768px){.empleados-presupuesto-table-header{font-size:12px}}.empleados-presupuesto-th{padding:16px 12px;border-bottom:2px solid rgba(37,211,102,.3);position:sticky;top:0;z-index:1}@media (max-width: 768px){.empleados-presupuesto-th{padding:12px 8px}}.empleados-presupuesto-th-center{text-align:center}.empleados-presupuesto-th-left{text-align:left}.empleados-presupuesto-th-right{text-align:right}.empleados-presupuesto-td{padding:16px 12px;font-size:14px;font-weight:500}@media (max-width: 768px){.empleados-presupuesto-td{padding:12px 8px;font-size:12px}}.empleados-presupuesto-td-center{text-align:center}.empleados-presupuesto-td-left{text-align:left}.empleados-presupuesto-td-right{text-align:right}.empleados-presupuesto-table-row{background:var(--bg-gradient-card);color:var(--text-primary);border-bottom:1px solid rgba(37,211,102,.1);transition:all .2s ease}.empleados-presupuesto-table-row:hover{background:linear-gradient(135deg,#25d36611,#25d36608)}.empleados-presupuesto-table-row.garantia-row{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:3px solid #ffc107}.empleados-presupuesto-table-row.garantia-row:hover{background:linear-gradient(135deg,#ffc10726,#ffc1071a)}.empleados-presupuesto-garantia-badge{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:12px;margin-bottom:4px;display:inline-block;box-shadow:0 2px 4px #ffc1074d;text-align:center;min-width:80px}.empleados-presupuesto-quantity-input{width:60px;background:var(--bg-gradient-card);color:var(--text-primary);border:1px solid rgba(37,211,102,.4);border-radius:8px;text-align:center;font-weight:600;font-size:16px;padding:8px;outline:none;transition:all .2s ease}@media (max-width: 768px){.empleados-presupuesto-quantity-input{width:50px;font-size:14px}}.empleados-presupuesto-quantity-input:focus{border:1px solid #25D366;box-shadow:0 0 0 2px #25d3661a}.empleados-presupuesto-stock-indicator{font-size:10px;text-align:center;margin-top:2px;font-weight:600}.empleados-presupuesto-stock-indicator.available{color:#25d366}.empleados-presupuesto-stock-indicator.low{color:#ff6b6b}.empleados-presupuesto-price{font-weight:700;color:#25d366}.empleados-presupuesto-adjust-input{width:80px;background:var(--bg-gradient-card);color:var(--text-primary);border:1px solid rgba(37,211,102,.4);border-radius:8px;text-align:center;font-weight:600;font-size:16px;padding:8px;outline:none;transition:all .2s ease}@media (max-width: 768px){.empleados-presupuesto-adjust-input{width:70px;font-size:14px}}.empleados-presupuesto-adjust-input:focus{border:1px solid #25D366;box-shadow:0 0 0 2px #25d3661a}.empleados-presupuesto-profit{font-weight:700;color:#ff9800}.empleados-presupuesto-subtotal{font-weight:700;color:#25d366}.empleados-presupuesto-delete-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;box-shadow:0 2px 8px #dc26264d}@media (max-width: 768px){.empleados-presupuesto-delete-button{padding:8px 12px;font-size:12px;min-width:36px}.empleados-presupuesto-delete-button span:first-child{font-size:14px}}.empleados-presupuesto-delete-button span:first-child{font-size:16px}.empleados-presupuesto-delete-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.empleados-presupuesto-delete-text{display:block}@media (max-width: 768px){.empleados-presupuesto-delete-text{display:none}}.empleados-presupuesto-totals-section{display:flex!important;gap:24px!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important}@media (max-width: 768px){.empleados-presupuesto-totals-section{gap:16px!important}}.empleados-presupuesto-totals-section.with-products{margin-top:24px!important;padding:20px!important;background:var(--bg-gradient-card)!important;border-radius:12px!important;border:1px solid rgba(37,211,102,.2)!important}.empleados-presupuesto-totals-section.empty{margin-top:0!important;padding:0!important;background:transparent!important;border-radius:0!important;border:none!important}.empleados-presupuesto-total-item{font-weight:800!important;font-size:20px!important;text-align:center!important;display:flex!important;align-items:center!important;gap:8px!important}@media (max-width: 768px){.empleados-presupuesto-total-item{font-size:16px!important}}.empleados-presupuesto-total-lista{color:#2196f3!important;background:linear-gradient(135deg,#2196f3,#1976d2)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.empleados-presupuesto-total-lista span:first-child{color:#2196f3!important}.empleados-presupuesto-total-efectivo{color:#1da851!important;background:linear-gradient(135deg,#1da851,#16a34a)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.empleados-presupuesto-total-efectivo span:first-child{color:#1da851!important}.empleados-presupuesto-total-usd{color:#ffb300;background:linear-gradient(135deg,#ffb300,#f57c00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empleados-presupuesto-total-usd span:first-child{color:#ffb300}.empleados-presupuesto-total-ganancia{color:#8b949e;font-weight:700;font-size:18px;padding:12px 20px;background:linear-gradient(135deg,#8b949e1a,#8b949e0d);border-radius:8px;border:1px solid rgba(139,148,158,.2)}@media (max-width: 768px){.empleados-presupuesto-total-ganancia{font-size:14px}}.empleados-presupuesto-total-ganancia span:first-child{font-size:16px}.empleados-modalbuscarproductos-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;overflow:auto!important;touch-action:auto!important;pointer-events:auto!important}.empleados-modalbuscarproductos-overlay>.empleados-modalbuscarproductos-container{pointer-events:auto!important;max-height:95vh!important;height:95vh!important;overflow:hidden!important}@media (max-width: 768px){.empleados-modalbuscarproductos-overlay{padding:5px!important;overflow:auto!important;touch-action:auto!important;pointer-events:auto!important}}.empleados-modalbuscarproductos-container{background:var(--bg-card, #ffffff)!important;border-radius:16px!important;box-shadow:0 8px 32px #00000040!important;padding:5px!important;min-width:320px!important;width:100%!important;max-height:95vh!important;height:95vh!important;color:var(--text-primary, #333333)!important;border:1px solid var(--border-color, #e1e5e9)!important;z-index:10!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;pointer-events:auto!important;touch-action:auto!important}.empleados-modalbuscarproductos-container:not(.modo-panel){height:90vh!important;max-height:90vh!important;width:95vw!important;max-width:95vw!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-container.modo-panel{background:var(--bg-primary, #ffffff)!important;border-radius:0!important;box-shadow:none!important;padding:10px!important;min-width:100%!important;width:100%!important;max-height:100%!important;height:100%!important;border:none!important;z-index:1!important;position:static!important;margin:0!important;flex:1!important;display:flex!important;flex-direction:column!important}@media (max-width: 768px){.empleados-modalbuscarproductos-container{border-radius:12px!important;padding:16px!important;max-width:98vw!important}}@media (min-width: 769px) and (max-width: 1024px){.empleados-modalbuscarproductos-container{max-width:95vw!important}}@media (min-width: 1025px){.empleados-modalbuscarproductos-container{max-width:90vw!important}}.empleados-modalbuscarproductos-title{margin-top:0!important;margin-bottom:16px!important;color:#25d366!important;font-weight:700!important;letter-spacing:1px!important;flex-shrink:0!important;font-size:24px!important;display:flex!important;align-items:center!important;gap:8px!important}.empleados-modalbuscarproductos-toggle-sidebar{background:#4a5568!important;border:1px solid #718096!important;border-radius:6px!important;padding:6px 8px!important;color:#e2e8f0!important;font-size:12px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:4px!important;font-weight:500!important}.empleados-modalbuscarproductos-toggle-sidebar:hover{background:#718096!important;color:#fff!important;transform:translateY(-1px)!important}@media (max-width: 768px){.empleados-modalbuscarproductos-title{font-size:20px!important}}.empleados-modalbuscarproductos-main-layout{display:flex!important;gap:12px!important;flex:1!important;min-height:0!important}@media (max-width: 768px){.empleados-modalbuscarproductos-main-layout{flex-direction:column!important;gap:8px!important}}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-main-layout{gap:6px!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-sidebar{padding:2px!important;max-width:260px!important;min-width:240px!important;flex-shrink:0!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-controls{gap:4px!important;padding:2px!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-products-main{flex:1!important;width:100%!important;min-width:0!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-product-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-products-list{width:100%!important;gap:6px!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-title{margin-bottom:8px!important;font-size:20px!important}@media (max-width: 768px){.empleados-modalbuscarproductos-container.modo-panel{padding:2px!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-main-layout{flex-direction:column!important;gap:4px!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-sidebar{max-width:100%!important;order:1!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-products-main{order:2!important}}.empleados-modalbuscarproductos-sidebar{display:flex!important;flex-direction:column!important;gap:1px!important;background:var(--bg-secondary, #f8f9fa)!important;border:1px solid var(--border-color, #e1e5e9)!important;border-radius:8px!important;padding:6px!important}@media (max-width: 768px){.empleados-modalbuscarproductos-sidebar{order:1!important;padding:5px!important}}@media (min-width: 769px){.empleados-modalbuscarproductos-sidebar{min-width:260px!important;max-width:300px!important;flex-shrink:0!important}}.empleados-modalbuscarproductos-controls{display:flex!important;flex-direction:column!important;gap:6px!important;height:100%!important;flex:1!important;padding:4px!important;width:100%!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-search-bar{display:flex!important;flex-direction:column!important;gap:6px!important}.empleados-modalbuscarproductos-search-input{width:100%!important;padding:6px 8px!important;border-radius:6px!important;border:1px solid var(--border-color, #e1e5e9)!important;background:var(--bg-input, #ffffff)!important;color:var(--text-primary, #333333)!important;font-size:13px!important;outline:none!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000000d!important}.empleados-modalbuscarproductos-search-input:focus{border-color:#25d366!important;box-shadow:0 4px 12px #25d36633!important;transform:translateY(-1px)!important;background:var(--bg-input-focus, #ffffff)!important}.empleados-modalbuscarproductos-search-input::placeholder{color:var(--text-secondary)!important;opacity:.7!important}.empleados-modalbuscarproductos-create-btn{background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 6px #25d36633!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important}.empleados-modalbuscarproductos-create-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px #25d3664d!important;background:linear-gradient(135deg,#2ee374,#139b8c)!important}.empleados-modalbuscarproductos-type-filters{display:flex!important;flex-direction:column!important;gap:8px!important;flex:1!important;min-height:0!important;width:100%!important;background:var(--bg-tertiary, #f8f9fa)!important;border-radius:12px!important;padding:16px!important;border:1px solid var(--border-color, #e1e5e9)!important;box-sizing:border-box!important;margin:0!important;box-shadow:0 2px 8px #0000000d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.empleados-modalbuscarproductos-type-filters-title{font-size:13px!important;font-weight:600!important;color:var(--neotec-primary, #25D366)!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;gap:4px!important;text-align:center!important;justify-content:center!important;width:100%!important}.empleados-modalbuscarproductos-type-filters-list{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;flex:1!important;width:100%!important;box-sizing:border-box!important;min-height:fit-content!important}.empleados-modalbuscarproductos-type-btn{background:var(--bg-secondary, #ffffff)!important;color:var(--text-primary, #333333)!important;border:2px solid var(--border-color, #e1e5e9)!important;border-radius:10px!important;padding:14px 16px!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;text-align:center!important;width:100%!important;box-shadow:0 2px 6px #0000000d!important;box-sizing:border-box!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;word-wrap:break-word!important;white-space:normal!important;line-height:1.4!important;position:relative!important;overflow:hidden!important}.empleados-modalbuscarproductos-type-btn:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:0!important;height:0!important;border-radius:50%!important;background:#3498db4d!important;transform:translate(-50%,-50%)!important;transition:width .6s,height .6s!important}.empleados-modalbuscarproductos-type-btn:active:before{width:300px!important;height:300px!important}.empleados-modalbuscarproductos-type-btn:hover{border-color:var(--color-primary, #3498db)!important;box-shadow:0 4px 12px #3498db26!important;transform:translateY(-1px)!important;background:var(--bg-hover, #f8f9fa)!important}.empleados-modalbuscarproductos-type-btn.active{background:linear-gradient(135deg,var(--color-primary, #3498db) 0%,var(--color-primary-dark, #2980b9) 100%)!important;color:#fff!important;border-color:var(--color-primary, #3498db)!important;box-shadow:0 6px 20px #3498db4d!important;transform:translateY(-1px)!important;font-weight:700!important}.empleados-modalbuscarproductos-type-btn:focus{outline:none!important;border-color:var(--color-primary, #3498db)!important;box-shadow:0 0 0 3px #3498db1a!important}.empleados-modalbuscarproductos-type-btn:active{transform:translateY(0)!important;box-shadow:0 2px 6px #0000001a!important}.empleados-modalbuscarproductos-type-btn.expanded{background:linear-gradient(135deg,var(--color-primary, #3498db) 0%,var(--color-primary-dark, #2980b9) 100%)!important;color:#fff!important;border-color:var(--color-primary, #3498db)!important;box-shadow:0 4px 12px #3498db33!important}.empleados-modalbuscarproductos-brand-btn{background:var(--bg-secondary, #ffffff)!important;color:var(--text-primary, #333333)!important;border:2px solid var(--border-color, #e1e5e9)!important;border-radius:8px!important;padding:12px 14px!important;font-weight:500!important;font-size:12px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;text-align:center!important;width:100%!important;box-shadow:0 1px 4px #0000000d!important;box-sizing:border-box!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;word-wrap:break-word!important;white-space:normal!important;line-height:1.3!important;position:relative!important;overflow:hidden!important}.empleados-modalbuscarproductos-brand-btn:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:0!important;height:0!important;border-radius:50%!important;background:#9b59b64d!important;transform:translate(-50%,-50%)!important;transition:width .6s,height .6s!important}.empleados-modalbuscarproductos-brand-btn:active:before{width:300px!important;height:300px!important}.empleados-modalbuscarproductos-brand-btn:hover{border-color:var(--color-secondary, #9b59b6)!important;box-shadow:0 3px 10px #9b59b626!important;transform:translateY(-1px)!important;background:var(--bg-hover, #f8f9fa)!important}.empleados-modalbuscarproductos-brand-btn.active{background:linear-gradient(135deg,var(--color-secondary, #9b59b6) 0%,var(--color-secondary-dark, #8e44ad) 100%)!important;color:#fff!important;border-color:var(--color-secondary, #9b59b6)!important;box-shadow:0 5px 18px #9b59b64d!important;transform:translateY(-1px)!important;font-weight:600!important}.empleados-modalbuscarproductos-brand-btn:focus{outline:none!important;border-color:var(--color-secondary, #9b59b6)!important;box-shadow:0 0 0 3px #9b59b61a!important}.empleados-modalbuscarproductos-brand-btn:active{transform:translateY(0)!important;box-shadow:0 1px 4px #0000001a!important}.empleados-modalbuscarproductos-brand-filters{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1!important;min-height:0!important;width:100%!important;background:var(--bg-quaternary, #f1f3f4)!important;border-radius:10px!important;padding:14px!important;border:1px solid var(--border-light, #e8eaed)!important;box-sizing:border-box!important;margin:8px 0 0!important;box-shadow:0 1px 6px #00000008!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.empleados-modalbuscarproductos-brand-filters-inline{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;background:linear-gradient(135deg,#9b59b614,#8e44ad0d)!important;border-radius:8px!important;padding:12px!important;border:1px solid rgba(155,89,182,.2)!important;box-sizing:border-box!important;margin:6px 0 0!important;box-shadow:inset 0 1px 3px #9b59b61a!important;animation:slideDown .3s ease-out!important}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.empleados-modalbuscarproductos-brand-filters-title{font-size:12px!important;font-weight:500!important;color:var(--color-secondary, #9b59b6)!important;margin:0 0 6px!important;display:flex!important;align-items:center!important;gap:4px!important;text-align:center!important;justify-content:center!important;width:100%!important}.empleados-modalbuscarproductos-brand-filters-list{display:flex!important;flex-direction:column!important;gap:6px!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;flex:1!important;width:100%!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-type-visibility-checkbox{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:18px!important;height:18px!important;border:2px solid var(--border-color, #e1e5e9)!important;border-radius:4px!important;background:#fff!important;cursor:pointer!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;margin-left:8px!important;flex-shrink:0!important}.empleados-modalbuscarproductos-type-visibility-checkbox:checked{background:var(--color-primary, #3498db)!important;border-color:var(--color-primary, #3498db)!important}.empleados-modalbuscarproductos-type-visibility-checkbox:checked:after{content:"✓"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;font-size:12px!important;font-weight:700!important}.empleados-modalbuscarproductos-type-with-checkbox{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:8px!important}.empleados-modalbuscarproductos-type-with-checkbox .type-name{flex:1!important;text-align:left!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.empleados-modalbuscarproductos-container.modo-visibilidad .empleados-modalbuscarproductos-type-filters{border:2px solid rgba(52,152,219,.2)!important;background:linear-gradient(135deg,#3498db05,#3498db0d)!important}.empleados-modalbuscarproductos-container.modo-visibilidad .empleados-modalbuscarproductos-type-filters-header{color:var(--color-primary, #3498db)!important;font-weight:700!important}.empleados-modalbuscarproductos-container.modo-visibilidad .empleados-modalbuscarproductos-type-filters-header:before{content:"👁️ "!important}.empleados-modalbuscarproductos-products-main{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-products-main{height:100%!important;max-height:100%!important;flex:1!important;display:flex!important;flex-direction:column!important}@media (max-width: 768px){.empleados-modalbuscarproductos-products-main{order:2!important}}.empleados-modalbuscarproductos-products-area{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:12px!important;background:linear-gradient(135deg,#ffffff08,#ffffff03)!important;border:1px solid rgba(255,255,255,.08)!important;padding:12px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-container:not(.modo-panel) .empleados-modalbuscarproductos-products-area{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-body{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;flex:1!important}.empleados-modalbuscarproductos-container:not(.modo-panel) .empleados-modalbuscarproductos-body{height:100%!important;max-height:100%!important;flex:1!important;min-height:0!important}.empleados-modalbuscarproductos-list-container{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;height:100%!important;min-height:0!important}.empleados-modalbuscarproductos-container:not(.modo-panel) .empleados-modalbuscarproductos-list-container{height:100%!important;max-height:100%!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-container.modo-panel .empleados-modalbuscarproductos-products-area{max-height:100%!important;height:100%!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:5px!important;width:100%!important;box-sizing:border-box!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-products-list{display:flex!important;flex-direction:column!important;gap:8px!important}.empleados-modalbuscarproductos-product-card{background:var(--bg-gradient-card)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:16px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;gap:12px!important;position:relative!important;overflow:visible!important;min-height:auto!important}.empleados-modalbuscarproductos-product-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,#25d3660d,#25d36603)!important;opacity:0!important;transition:opacity .3s ease!important}.empleados-modalbuscarproductos-product-card:hover:before{opacity:1!important}.empleados-modalbuscarproductos-product-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #25d36626!important;border-color:#25d3664d!important}.empleados-modalbuscarproductos-product-photo{display:flex!important;align-items:center!important;justify-content:center!important}.empleados-modalbuscarproductos-product-top-row,.empleados-modalbuscarproductos-product-bottom-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}.empleados-modalbuscarproductos-product-img{border-radius:8px!important;border:2px solid #25D366!important;object-fit:cover!important;transition:all .3s ease!important}.empleados-modalbuscarproductos-product-card:hover .empleados-modalbuscarproductos-product-img{transform:scale(1.05)!important;border-color:#2ee374!important}.empleados-modalbuscarproductos-product-placeholder{background:linear-gradient(135deg,#404040,#2a2a2a)!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;transition:all .3s ease!important}@media (max-width: 768px){.empleados-modalbuscarproductos-product-img,.empleados-modalbuscarproductos-product-placeholder{width:50px!important;height:50px!important}}@media (min-width: 769px){.empleados-modalbuscarproductos-product-img,.empleados-modalbuscarproductos-product-placeholder{width:70px!important;height:70px!important}}.empleados-modalbuscarproductos-product-info{display:flex!important;flex-direction:column!important;gap:6px!important;overflow:visible!important;z-index:1!important;position:relative!important;min-height:auto!important;flex-grow:1!important}.empleados-modalbuscarproductos-product-type{color:#ff9800!important;font-weight:600!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.2!important;overflow:visible!important;display:flex!important;align-items:center!important;gap:4px!important}.empleados-modalbuscarproductos-product-brand{font-weight:700!important;color:#25d366!important;white-space:normal!important;word-wrap:break-word!important;word-break:break-word!important;line-height:1.2!important;max-height:none!important;overflow:visible!important;transition:color .3s ease!important}.empleados-modalbuscarproductos-product-details{color:#4a90e2!important;white-space:normal!important;word-wrap:break-word!important;word-break:break-word!important;line-height:1.2!important;max-height:none!important;overflow:visible!important;transition:color .3s ease!important}.empleados-modalbuscarproductos-product-stock{font-weight:600!important;display:flex!important;align-items:center!important;gap:4px!important;transition:color .3s ease!important}.empleados-modalbuscarproductos-product-stock.in-stock{color:#25d366!important}.empleados-modalbuscarproductos-product-stock.out-of-stock{color:#ff6b6b!important}@media (max-width: 480px){.empleados-modalbuscarproductos-product-card{padding:10px!important;gap:8px!important}.empleados-modalbuscarproductos-product-top-row,.empleados-modalbuscarproductos-product-bottom-row{gap:8px!important}.empleados-modalbuscarproductos-product-brand{font-size:13px!important;line-height:1.2!important}.empleados-modalbuscarproductos-product-details{font-size:11px!important;line-height:1.2!important}.empleados-modalbuscarproductos-product-prices{min-width:100px!important}}@media (min-width: 481px) and (max-width: 768px){.empleados-modalbuscarproductos-product-card{padding:12px!important;gap:12px!important}.empleados-modalbuscarproductos-product-top-row,.empleados-modalbuscarproductos-product-bottom-row{gap:12px!important}.empleados-modalbuscarproductos-product-type{font-size:11px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-brand{font-size:14px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-details{font-size:12px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-stock{font-size:11px!important}.empleados-modalbuscarproductos-product-prices{min-width:120px!important}}@media (min-width: 769px){.empleados-modalbuscarproductos-product-card{padding:16px!important;gap:16px!important}.empleados-modalbuscarproductos-product-top-row,.empleados-modalbuscarproductos-product-bottom-row{gap:16px!important}.empleados-modalbuscarproductos-product-type{font-size:12px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-brand{font-size:16px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-details{font-size:14px!important;line-height:1.3!important}.empleados-modalbuscarproductos-product-stock{font-size:12px!important}}@media (min-width: 1200px){.empleados-modalbuscarproductos-product-card{padding:18px!important;gap:20px!important}.empleados-modalbuscarproductos-product-top-row,.empleados-modalbuscarproductos-product-bottom-row{gap:20px!important}.empleados-modalbuscarproductos-product-brand{font-size:17px!important;line-height:1.4!important}.empleados-modalbuscarproductos-product-details{font-size:15px!important}.empleados-modalbuscarproductos-product-prices{min-width:160px!important}}.empleados-modalbuscarproductos-product-prices{display:flex!important;flex-direction:column!important;gap:4px!important;z-index:1!important;position:relative!important;justify-self:end!important;align-self:center!important;text-align:right!important;min-width:140px!important}@media (max-width: 768px){.empleados-modalbuscarproductos-product-prices{align-items:center!important}}.empleados-modalbuscarproductos-price-main{font-weight:700!important;color:#25d366!important;text-align:right!important;display:flex!important;align-items:center!important;gap:4px!important;transition:color .3s ease!important}.empleados-modalbuscarproductos-price-secondary{color:#4a90e2!important;text-align:right!important;transition:color .3s ease!important}.empleados-modalbuscarproductos-price-usd{color:#ff9800!important;text-align:right!important;transition:color .3s ease!important}@media (max-width: 768px){.empleados-modalbuscarproductos-price-main{font-size:12px!important}.empleados-modalbuscarproductos-price-secondary,.empleados-modalbuscarproductos-price-usd{font-size:11px!important}}@media (min-width: 769px){.empleados-modalbuscarproductos-price-main{font-size:14px!important}.empleados-modalbuscarproductos-price-secondary,.empleados-modalbuscarproductos-price-usd{font-size:12px!important}}.empleados-modalbuscarproductos-product-actions{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important;z-index:1!important;position:relative!important;justify-self:end!important;align-self:start!important}.empleados-modalbuscarproductos-copy-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 6px #28a7454d!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:4px!important;padding:8px 12px!important;font-size:12px!important}.empleados-modalbuscarproductos-copy-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #28a74566!important;background:linear-gradient(135deg,#34ce57,#38d9a9)!important}.empleados-modalbuscarproductos-delete-btn{background:linear-gradient(135deg,#ff4d4f,#d32f2f)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 6px #ff4d4f4d!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:4px!important}.empleados-modalbuscarproductos-delete-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff4d4f66!important;background:linear-gradient(135deg,#ff6b6d,#e53e3e)!important}@media (max-width: 768px){.empleados-modalbuscarproductos-copy-btn,.empleados-modalbuscarproductos-delete-btn{padding:6px 8px!important;font-size:10px!important}}@media (min-width: 769px){.empleados-modalbuscarproductos-copy-btn,.empleados-modalbuscarproductos-delete-btn{padding:8px 12px!important;font-size:12px!important}}.empleados-modalbuscarproductos-empty-state{color:var(--text-secondary)!important;text-align:center!important;padding:3rem!important;font-size:16px!important;font-weight:500!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.empleados-modalbuscarproductos-empty-icon{font-size:48px!important;opacity:.5!important}.empleados-modalbuscarproductos-loading{display:flex!important;justify-content:center!important;align-items:center!important;padding:24px!important;color:var(--text-secondary)!important}.empleados-modalbuscarproductos-loading-spinner{width:24px!important;height:24px!important;border:3px solid rgba(37,211,102,.2)!important;border-top:3px solid #25D366!important;border-radius:50%!important;animation:empleados-modalbuscarproductos-spin 1s linear infinite!important;margin-right:12px!important}@keyframes empleados-modalbuscarproductos-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empleados-modalbuscarproductos-close-area{flex-shrink:0!important;text-align:center!important;margin-top:16px!important}.empleados-modalbuscarproductos-close-btn{background:var(--bg-secondary, #f8f9fa)!important;color:#25d366!important;border:2px solid #25D366!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;gap:8px!important;box-shadow:0 2px 8px #0000001a!important}.empleados-modalbuscarproductos-close-btn:hover{background:#25d366!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #25d3664d!important}.empleados-modalbuscarproductos-close-btn-top{position:absolute!important;top:16px!important;right:16px!important;width:40px!important;height:40px!important;border-radius:50%!important;border:none!important;background:var(--bg-secondary, #f8f9fa)!important;color:var(--text-secondary, #666666)!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;box-shadow:0 2px 8px #0000001a!important;z-index:10!important}.empleados-modalbuscarproductos-close-btn-top:hover{background:#dc3545!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #dc35454d!important}.empleados-modalbuscarproductos-confirm-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000b3!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.empleados-modalbuscarproductos-confirm-dialog{background:var(--bg-gradient-card)!important;border-radius:12px!important;padding:24px!important;min-width:320px!important;color:var(--text-primary)!important;box-shadow:0 8px 32px #00000040!important;border:2px solid #ff4d4f!important}.empleados-modalbuscarproductos-confirm-title{color:#ff4d4f!important;margin-top:0!important;margin-bottom:16px!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:8px!important}.empleados-modalbuscarproductos-confirm-text{margin-bottom:24px!important;line-height:1.5!important}.empleados-modalbuscarproductos-confirm-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important}.empleados-modalbuscarproductos-confirm-delete{background:linear-gradient(135deg,#ff4d4f,#d32f2f)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important}.empleados-modalbuscarproductos-confirm-delete:hover{background:linear-gradient(135deg,#ff6b6d,#e53e3e)!important;transform:translateY(-1px)!important}.empleados-modalbuscarproductos-confirm-cancel{background:var(--bg-gradient-card)!important;color:var(--text-primary)!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:8px!important;padding:10px 20px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important}.empleados-modalbuscarproductos-confirm-cancel:hover{border-color:#fff6!important;transform:translateY(-1px)!important}.empleados-modalbuscarproductos-sidebar{flex-shrink:0!important;width:280px!important;background:var(--bg-gradient-secondary)!important;border-radius:12px!important;margin-right:1px!important;display:flex!important;flex-direction:column!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-container:not(.modo-panel) .empleados-modalbuscarproductos-sidebar{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-controls{padding:20px!important;display:flex!important;flex-direction:column!important;gap:16px!important}.empleados-modalbuscarproductos-mode-selector{background:var(--bg-tertiary, #2d3748)!important;border-radius:6px!important;padding:6px!important;border:1px solid var(--border-secondary, #4a5568)!important}.empleados-modalbuscarproductos-mode-title{font-weight:600!important;font-size:13px!important;color:var(--text-primary, #e2e8f0)!important;margin-bottom:8px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.empleados-modalbuscarproductos-toggle-mode{background:var(--bg-hover, #4a5568)!important;border:1px solid var(--border-secondary, #718096)!important;border-radius:4px!important;padding:4px 6px!important;color:var(--text-secondary, #e2e8f0)!important;font-size:10px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important}.empleados-modalbuscarproductos-toggle-mode:hover{background:var(--border-secondary, #718096)!important;color:var(--text-primary, white)!important}.empleados-modalbuscarproductos-mode-dropdown{margin-bottom:10px!important}.empleados-modalbuscarproductos-mode-select{width:100%!important;background:var(--bg-hover, #4a5568)!important;color:var(--text-primary, #e2e8f0)!important;border:2px solid var(--select-color, var(--border-secondary, #4a5568))!important;border-radius:6px!important;padding:10px 12px!important;font-weight:500!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-mode-select:focus{outline:none!important;border-color:var(--select-color, var(--neotec-primary, #25d366))!important;box-shadow:0 0 0 3px #25d36633!important}.empleados-modalbuscarproductos-mode-select option{background:var(--bg-tertiary, #2d3748)!important;color:var(--text-primary, #e2e8f0)!important;padding:8px!important}.empleados-modalbuscarproductos-mode-description{font-size:12px!important;color:var(--text-secondary, #a0aec0)!important;text-align:center!important;line-height:1.3!important}.empleados-modalbuscarproductos-bulk-controls{background:var(--bg-tertiary, #2d3748)!important;border-radius:6px!important;padding:6px!important;border:2px solid var(--modo-primary, var(--border-secondary, #4a5568))!important}.empleados-modalbuscarproductos-bulk-info{font-weight:600!important;color:var(--modo-primary, var(--neotec-primary, #25d366))!important;margin-bottom:6px!important;font-size:12px!important;text-align:center!important}.empleados-modalbuscarproductos-bulk-buttons{display:flex!important;gap:4px!important;margin-bottom:6px!important}.empleados-modalbuscarproductos-bulk-btn{background:var(--bg-hover, #4a5568)!important;color:var(--text-primary, #e2e8f0)!important;border:1px solid var(--border-secondary, #718096)!important;border-radius:6px!important;padding:6px 10px!important;font-weight:500!important;font-size:12px!important;cursor:pointer!important;transition:all .2s ease!important;flex:1!important;text-align:center!important}.empleados-modalbuscarproductos-bulk-btn:hover{background:var(--border-secondary, #718096)!important;transform:translateY(-1px)!important}.empleados-modalbuscarproductos-bulk-btn.select-all{color:var(--success-color, #48bb78)!important;border-color:var(--success-color, #48bb78)!important}.empleados-modalbuscarproductos-bulk-btn.select-all:hover{background:var(--success-color, #48bb78)!important;color:var(--text-contrast, white)!important}.empleados-modalbuscarproductos-bulk-btn.clear-all{color:var(--error-color, #f56565)!important;border-color:var(--error-color, #f56565)!important}.empleados-modalbuscarproductos-bulk-btn.clear-all:hover{background:var(--error-color, #f56565)!important;color:var(--text-contrast, white)!important}.empleados-modalbuscarproductos-bulk-operation{display:flex!important;flex-direction:column!important;gap:8px!important}.empleados-modalbuscarproductos-bulk-input{background:var(--bg-hover, #4a5568)!important;color:var(--text-primary, #e2e8f0)!important;border:1px solid var(--border-secondary, #718096)!important;border-radius:6px!important;padding:8px 10px!important;font-size:13px!important;width:100%!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-bulk-input:focus{outline:none!important;border-color:var(--modo-primary, var(--neotec-primary, #25d366))!important;box-shadow:0 0 0 2px var(--modo-primary, var(--neotec-primary, #25d366))!important}.empleados-modalbuscarproductos-bulk-input::placeholder{color:var(--text-secondary, #a0aec0)!important}.empleados-modalbuscarproductos-bulk-apply{background:var(--modo-primary, var(--neotec-primary, #25d366))!important;color:var(--text-contrast, white)!important;border:none!important;border-radius:6px!important;padding:10px 12px!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important}.empleados-modalbuscarproductos-bulk-apply:hover:not(:disabled){background:var(--modo-accent, var(--neotec-secondary, #22c55e))!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.empleados-modalbuscarproductos-bulk-apply:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.empleados-modalbuscarproductos-type-filters{background:var(--bg-tertiary, #2d3748)!important;border-radius:8px!important;padding:12px!important;border:1px solid var(--border-secondary, #4a5568)!important;width:100%!important;box-sizing:border-box!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}.empleados-modalbuscarproductos-type-filters-title{font-weight:600!important;font-size:13px!important;color:var(--text-primary, #e2e8f0)!important;margin:0 0 8px!important;text-align:center!important;width:100%!important}.empleados-modalbuscarproductos-type-filters-list{display:flex!important;flex-direction:column!important;gap:6px!important;max-height:none!important;overflow:visible!important;width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-product-card.modo-normal{border:2px solid #3182ce!important;box-shadow:0 2px 8px #3182ce1a!important}.empleados-modalbuscarproductos-product-card.modo-restock{border:3px solid #9c27b0!important;box-shadow:0 2px 8px #9c27b026!important}.empleados-modalbuscarproductos-product-card.modo-ingreso{border:3px solid #f59e0b!important;box-shadow:0 2px 8px #f59e0b26!important}.empleados-modalbuscarproductos-product-card.modo-recosto{border:3px solid #3182ce!important;box-shadow:0 2px 8px #3182ce26!important}.empleados-modalbuscarproductos-product-card.modo-reganancia{border:3px solid #10b981!important;box-shadow:0 2px 8px #10b98126!important}.empleados-modalbuscarproductos-product-card.seleccionado{border-width:4px!important;box-shadow:0 8px 25px #0003!important;transform:translateY(-2px)!important}.empleados-modalbuscarproductos-product-checkbox{position:absolute!important;top:8px!important;left:8px!important;z-index:10!important;cursor:pointer!important}.empleados-modalbuscarproductos-custom-checkbox{width:20px!important;height:20px!important;border:2px solid #718096!important;border-radius:4px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0000001a!important}.empleados-modalbuscarproductos-custom-checkbox:hover{border-color:#25d366!important;box-shadow:0 2px 8px #25d36633!important}.empleados-modalbuscarproductos-custom-checkbox.checked{background:#25d366!important;border-color:#25d366!important;box-shadow:0 2px 8px #25d3664d!important}.empleados-modalbuscarproductos-checkbox-check{color:#fff!important;font-weight:700!important;font-size:14px!important;line-height:1!important}.empleados-modalbuscarproductos-operation-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000c!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.empleados-modalbuscarproductos-operation-dialog{background:#1a202c!important;border-radius:12px!important;padding:24px!important;min-width:400px!important;max-width:500px!important;width:100%!important;color:#e2e8f0!important;box-shadow:0 20px 60px #0006!important;border:1px solid #4a5568!important}.empleados-modalbuscarproductos-operation-title{color:#25d366!important;margin-top:0!important;margin-bottom:20px!important;font-size:18px!important;font-weight:600!important;text-align:center!important;padding-bottom:12px!important;border-bottom:1px solid #4a5568!important}.empleados-modalbuscarproductos-operation-content{margin-bottom:24px!important}.empleados-modalbuscarproductos-operation-current{background:#2d3748!important;border-radius:8px!important;padding:12px!important;margin-bottom:16px!important;font-size:14px!important;color:#cbd5e0!important;border:1px solid #4a5568!important}.empleados-modalbuscarproductos-operation-input{margin-bottom:16px!important}.empleados-modalbuscarproductos-operation-input label{display:block!important;font-weight:500!important;margin-bottom:8px!important;color:#e2e8f0!important;font-size:14px!important}.empleados-modalbuscarproductos-operation-input input{width:100%!important;background:#2d3748!important;color:#e2e8f0!important;border:1px solid #4a5568!important;border-radius:8px!important;padding:12px!important;font-size:16px!important;box-sizing:border-box!important}.empleados-modalbuscarproductos-operation-input input:focus{outline:none!important;border-color:#25d366!important;box-shadow:0 0 0 3px #25d36633!important}.empleados-modalbuscarproductos-operation-preview{background:#1a2e1a!important;border:1px solid #38a169!important;border-radius:8px!important;padding:12px!important;font-size:14px!important;color:#68d391!important}.empleados-modalbuscarproductos-operation-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important}.empleados-modalbuscarproductos-operation-save{background:linear-gradient(135deg,#38a169,#2f855a)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important}.empleados-modalbuscarproductos-operation-save:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#276749)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #38a1694d!important}.empleados-modalbuscarproductos-operation-save:disabled{opacity:.5!important;cursor:not-allowed!important}.empleados-modalbuscarproductos-operation-cancel{background:#4a5568!important;color:#e2e8f0!important;border:1px solid #718096!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important}.empleados-modalbuscarproductos-operation-cancel:hover{background:#718096!important;transform:translateY(-1px)!important}@media (max-width: 768px){.empleados-modalbuscarproductos-sidebar{width:100%!important;margin-right:0!important;margin-bottom:16px!important;max-height:300px!important}.empleados-modalbuscarproductos-main-layout{flex-direction:column!important}.empleados-modalbuscarproductos-operation-dialog{min-width:300px!important;margin:10px!important;padding:20px!important}.empleados-modalbuscarproductos-operation-actions{flex-direction:column!important}.empleados-modalbuscarproductos-custom-checkbox{width:18px!important;height:18px!important}.empleados-modalbuscarproductos-checkbox-check{font-size:12px!important}}[data-theme=dark] .empleados-modalbuscarproductos-container.modo-panel{background:var(--bg-primary, #0F172A)!important;border-radius:0!important;box-shadow:none!important;padding:5px!important;min-width:100%!important;width:100%!important;max-height:100%!important;height:100%!important;border:none!important;z-index:1!important;position:static!important;margin:0!important}.gestiongarantias-cliente-selector{position:relative;width:100%}.gestiongarantias-cliente-input-container{position:relative;display:flex;align-items:center}.gestiongarantias-cliente-input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-color, #30363d);border-radius:8px;background:var(--bg-secondary, #161b22);color:var(--text-primary, #e6edf3);font-size:14px;transition:all .2s ease}.gestiongarantias-cliente-input:focus{outline:none;border-color:var(--neotec-primary, #25D366);box-shadow:0 0 0 2px #25d3661a}.gestiongarantias-cliente-input::placeholder{color:var(--text-muted, #7d8590)}.gestiongarantias-cliente-clear{position:absolute;right:28px;background:none;border:none;color:var(--text-muted, #7d8590);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:all .2s ease}.gestiongarantias-cliente-clear:hover{background:#dc35451a;color:#ff6b6b}.gestiongarantias-cliente-loading{position:absolute;right:8px;font-size:12px;animation:spin 1s infinite linear}.gestiongarantias-cliente-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.gestiongarantias-cliente-option{padding:12px;cursor:pointer;border-bottom:1px solid var(--border-color, #30363d);transition:background .2s ease}.gestiongarantias-cliente-option:hover{background:var(--bg-tertiary, #21262d)}.gestiongarantias-cliente-option:last-child{border-bottom:none}.gestiongarantias-cliente-nombre{font-weight:600;color:var(--text-primary, #e6edf3);margin-bottom:4px}.gestiongarantias-cliente-info{display:flex;gap:12px;font-size:12px;color:var(--text-muted, #7d8590)}.gestiongarantias-cliente-info span{display:flex;align-items:center;gap:4px}.gestiongarantias-cliente-no-results{padding:12px;text-align:center;color:var(--text-muted, #7d8590);font-style:italic}.empleados-modalbuscarproductos-visibility-controls{display:flex!important;align-items:center!important;gap:8px!important}.empleados-modalbuscarproductos-visibility-btn{background:linear-gradient(135deg,#e53e3e,#c53030)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:8px 12px!important;font-weight:600!important;font-size:12px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:4px!important}.empleados-modalbuscarproductos-visibility-btn.visible{background:linear-gradient(135deg,#38a169,#2f855a)!important}.empleados-modalbuscarproductos-visibility-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 2px 8px #0003!important}.empleados-modalbuscarproductos-visibility-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.empleados-modalbuscarproductos-visibility-types{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(156,39,176,.3)!important;border-radius:12px!important;padding:16px!important;margin-top:16px!important;box-shadow:0 4px 12px #0000001a!important}.empleados-modalbuscarproductos-visibility-types-title{font-weight:700!important;font-size:14px!important;color:#6a1b9a!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:8px!important;text-shadow:0 1px 2px rgba(255,255,255,.5)!important}.empleados-modalbuscarproductos-visibility-types-list{display:flex!important;flex-direction:column!important;gap:8px!important}.empleados-modalbuscarproductos-visibility-type-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;background:#ffffffe6!important;border:1px solid rgba(156,39,176,.2)!important;border-radius:8px!important;transition:all .2s ease!important}.empleados-modalbuscarproductos-visibility-type-item:hover{background:#fff!important;border-color:#9c27b066!important;box-shadow:0 2px 6px #0000001a!important}.empleados-modalbuscarproductos-type-name{font-weight:600!important;color:#4a5568!important;font-size:13px!important}.empleados-modalbuscarproductos-visibility-type-btn{background:linear-gradient(135deg,#e53e3e,#c53030)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:6px 10px!important;font-weight:600!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:80px!important;justify-content:center!important}.empleados-modalbuscarproductos-visibility-type-btn.visible{background:linear-gradient(135deg,#38a169,#2f855a)!important}.empleados-modalbuscarproductos-visibility-type-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000026!important}.empleados-modalbuscarproductos-visibility-type-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}[data-theme=dark] .empleados-modalbuscarproductos-visibility-types{background:#1e293bf2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-color:#9c27b066!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .empleados-modalbuscarproductos-visibility-types-title{color:#ce93d8!important}[data-theme=dark] .empleados-modalbuscarproductos-visibility-type-item{background:#1f2937e6!important;border-color:#9c27b04d!important}[data-theme=dark] .empleados-modalbuscarproductos-visibility-type-item:hover{background:#1f2937!important;border-color:#9c27b080!important;box-shadow:0 2px 6px #0006!important}[data-theme=dark] .empleados-modalbuscarproductos-type-name{color:#e2e8f0!important}.empleados-modalbuscarproductos-visibility-type-item.filtered{background:#9c27b01a!important;border-color:#9c27b066!important}.empleados-modalbuscarproductos-type-name-btn{background:none!important;border:none!important;color:#4a5568!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;padding:4px 8px!important;border-radius:4px!important;transition:all .2s ease!important;flex:1!important;text-align:left!important}.empleados-modalbuscarproductos-type-name-btn:hover{background:#9c27b01a!important;color:#9c27b0!important}.empleados-modalbuscarproductos-type-name-btn.active{background:#9c27b033!important;color:#9c27b0!important;font-weight:700!important}[data-theme=dark] .empleados-modalbuscarproductos-visibility-type-item.filtered{background:#9c27b033!important;border-color:#9c27b080!important}[data-theme=dark] .empleados-modalbuscarproductos-type-name-btn{color:#e2e8f0!important}[data-theme=dark] .empleados-modalbuscarproductos-type-name-btn:hover{background:#9c27b033!important;color:#ce93d8!important}[data-theme=dark] .empleados-modalbuscarproductos-type-name-btn.active{background:#9c27b04d!important;color:#ce93d8!important}.empleados-modalbuscarproductos-clipboard-section{margin:15px 0;padding:15px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;border-left:4px solid #28a745}[data-theme=dark] .empleados-modalbuscarproductos-clipboard-section{background:#2d3748;border:2px solid #4a5568;border-left:4px solid #68d391}.empleados-modalbuscarproductos-clipboard-title{font-weight:600;font-size:14px;color:#495057;margin-bottom:10px;display:flex;align-items:center;gap:8px}[data-theme=dark] .empleados-modalbuscarproductos-clipboard-title{color:#e2e8f0}.empleados-modalbuscarproductos-clipboard-controls{display:flex;gap:8px;margin-bottom:10px}.empleados-modalbuscarproductos-clipboard-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.empleados-modalbuscarproductos-clipboard-btn.copy-all{background:#28a745;color:#fff}.empleados-modalbuscarproductos-clipboard-btn.copy-all:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.empleados-modalbuscarproductos-clipboard-btn.clear{background:#dc3545;color:#fff}.empleados-modalbuscarproductos-clipboard-btn.clear:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.empleados-modalbuscarproductos-clipboard-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.empleados-modalbuscarproductos-clipboard-preview{margin-top:10px}.empleados-modalbuscarproductos-clipboard-items{display:flex;flex-direction:column;gap:4px}.empleados-modalbuscarproductos-clipboard-item{font-size:11px;color:#6c757d;padding:4px 8px;background:#e9ecef;border-radius:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-theme=dark] .empleados-modalbuscarproductos-clipboard-item{color:#a0aec0;background:#4a5568}.empleados-modalbuscarproductos-clipboard-more{font-size:11px;color:#6c757d;font-style:italic;text-align:center;padding:4px 8px}[data-theme=dark] .empleados-modalbuscarproductos-clipboard-more{color:#a0aec0}.empleados-modalbuscarproductos-notification{position:fixed;top:20px;right:20px;z-index:10001;animation:slideInFromRight .3s ease-out,fadeOut .3s ease-in 2.7s forwards}.empleados-modalbuscarproductos-notification-content{background:#28a745;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.permission-denied-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:200px;background:#ef44440d;border:2px dashed #ef4444;border-radius:12px;margin:20px}.permission-denied-content{text-align:center;max-width:400px}.permission-denied-icon{font-size:48px;margin-bottom:16px;opacity:.7}.permission-denied-content h3{color:#ef4444;margin:0 0 12px;font-size:20px;font-weight:600}.permission-denied-content p{color:#6b7280;margin:0 0 8px;font-size:14px;line-height:1.5}.permission-denied-content small{color:#9ca3af;font-size:12px;font-family:Courier New,monospace}[data-theme=dark] .permission-denied-container{background:#ef44441a;border-color:#dc2626}[data-theme=dark] .permission-denied-content h3{color:#f87171}[data-theme=dark] .permission-denied-content p{color:#d1d5db}[data-theme=dark] .permission-denied-content small{color:#9ca3af}.permission-denied-container{animation:permissionDeniedFadeIn .3s ease-out}@keyframes permissionDeniedFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.permissions-manager{padding:24px;background:var(--bg-color);min-height:100vh}.permissions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.permissions-title h2{margin:0 0 8px;color:var(--text-color);font-size:24px;font-weight:700}.permissions-title p{margin:0;color:var(--text-secondary);font-size:14px}.save-indicator{background:var(--neotec-green);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;animation:saveIndicatorFadeIn .3s ease-out}@keyframes saveIndicatorFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.permissions-filters{display:flex;gap:20px;margin-bottom:24px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.category-select,.search-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:14px;min-width:200px}.category-select:focus,.search-input:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.permissions-content{display:grid;grid-template-columns:1fr 400px;gap:24px;margin-bottom:24px}.components-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.component-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.component-card:hover{border-color:var(--neotec-orange);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.component-card.selected{border-color:var(--neotec-orange);background:#f973160d}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.component-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color);cursor:pointer;flex:1}.component-actions{display:flex;align-items:center;gap:8px}.component-category{background:var(--neotec-purple);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.edit-component-btn{background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .2s ease;color:var(--neotec-orange);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.edit-component-btn:hover{background:#f9731633;border-color:var(--neotec-orange);transform:scale(1.05)}.component-description{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.4}.component-file{margin:0 0 12px;color:var(--text-tertiary);font-size:12px;font-family:Courier New,monospace}.component-permissions-preview{display:flex;flex-wrap:wrap;gap:4px}.permission-badge{background:var(--neotec-blue);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.permissions-editor{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.editor-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.close-editor-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-editor-btn:hover{background:var(--neotec-red);color:#fff}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--input-bg)}.permission-item:hover{border-color:var(--neotec-orange)}.permission-item.selected{background:#10b9811a;border-color:var(--neotec-green)}.permission-checkbox{font-size:14px}.permission-name{font-size:12px;font-weight:600;color:var(--text-color)}.last-updated{font-size:11px;color:var(--text-tertiary);text-align:center;padding-top:12px;border-top:1px solid var(--border-color)}.permissions-stats{display:flex;gap:20px;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;min-width:120px}.stat-number{font-size:24px;font-weight:700;color:var(--neotec-orange);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-align:center}.permissions-manager-loading,.permissions-manager-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{font-size:48px;margin-bottom:16px;animation:spin 1s linear infinite}@media (max-width: 768px){.permissions-content{grid-template-columns:1fr}.permissions-filters{flex-direction:column}.permissions-grid{grid-template-columns:1fr}}.empleados-app-sin-permisos{display:flex;align-items:center;justify-content:center;height:100%;min-height:60vh;padding:2rem;text-align:center}.empleados-app-sin-permisos-content{max-width:500px;padding:3rem 2rem;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 25px #0000001a}.empleados-app-sin-permisos-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empleados-app-sin-permisos h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.empleados-app-sin-permisos p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.empleados-app-sin-permisos-info{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:left;color:var(--text-secondary);line-height:1.8}.empleados-app-sin-permisos-logout{background:var(--color-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.empleados-app-sin-permisos-logout:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.carrito-invitado-error-seguridad{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid var(--color-error);border-radius:12px;padding:1.5rem;margin:1rem 0;animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-seguridad-icono{font-size:2rem;text-align:center;margin-bottom:1rem;animation:pulse 2s infinite}.error-seguridad-content h3{color:var(--color-error);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.error-seguridad-content p{color:#7f1d1d;margin:0 0 1rem;line-height:1.5}.error-seguridad-opciones{margin-top:1rem;padding-top:1rem;border-top:1px solid #fca5a5}.btn-ir-login{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:.5rem 0;display:inline-flex;align-items:center;gap:.5rem}.btn-ir-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.error-texto-ayuda{font-size:.9rem;color:#991b1b;margin-top:1rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-login-offer{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideInModal .3s ease-out}@keyframes slideInModal{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-login-offer h3{color:var(--color-success);margin:0 0 1rem;font-size:1.4rem;font-weight:600;text-align:center}.pedido-numero{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--color-success);border-radius:8px;padding:1rem;text-align:center;margin-bottom:1.5rem;font-size:1.1rem}.pedido-numero strong{color:var(--color-success);font-weight:700}.login-offer-content p{color:#374151;line-height:1.6;margin-bottom:1rem}.login-offer-question h4{color:var(--color-primary);margin:1.5rem 0 .5rem;font-size:1.1rem}.login-offer-question ul{background:#f8fafc;border-radius:8px;padding:1rem 1.5rem;margin:1rem 0}.login-offer-question li{color:#475569;margin:.5rem 0;line-height:1.5}.login-offer-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0 1rem}.btn-login-si{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-login-si:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-login-si:disabled{opacity:.7;cursor:not-allowed}.btn-login-no{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-login-no:hover:not(:disabled){background:#e2e8f0;color:#475569;transform:translateY(-1px)}.btn-login-no:disabled{opacity:.5;cursor:not-allowed}.login-offer-note{font-size:.9rem;color:#6b7280;text-align:center;margin:1rem 0 0;font-style:italic}@media (max-width: 768px){.modal-login-offer{padding:1.5rem;width:95%}.login-offer-buttons{gap:.75rem}.btn-login-si,.btn-login-no{padding:.875rem 1.5rem;font-size:.95rem}}.empleados-pedidos-panel{width:100%;max-width:none;margin:0;background:var(--bg-gradient-secondary);min-height:100vh;padding:clamp(16px,4vw,32px) clamp(20px,5vw,40px);color:var(--text-primary);font-family:var(--font-primary)}.empleados-pedidos-loading,.empleados-pedidos-error{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-gradient-secondary);color:var(--color-primary)}.empleados-pedidos-loading-content,.empleados-pedidos-error-content{text-align:center}.empleados-pedidos-loading-icon,.empleados-pedidos-error-icon{font-size:24px;margin-bottom:16px}.empleados-pedidos-error-button{margin-top:16px;padding:8px 16px;background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:all .2s ease}.empleados-pedidos-error-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.empleados-pedidos-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--color-primary);position:relative;background:var(--bg-gradient-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;margin:-32px -40px 32px;box-shadow:var(--shadow-lg)}.empleados-pedidos-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-info) 100%);opacity:.05;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:-1}.empleados-pedidos-header-content{flex:1;z-index:1}.empleados-pedidos-title{color:var(--color-primary);font-weight:var(--font-weight-black);font-size:clamp(24px,5vw,36px);margin:0;text-shadow:0 2px 20px rgba(var(--color-primary-rgb),.3);letter-spacing:1px;display:flex;align-items:center;gap:12px}.empleados-pedidos-title-emoji{font-size:1em;filter:none;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.empleados-pedidos-title-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.empleados-pedidos-subtitle{color:var(--text-secondary);font-size:clamp(12px,2.5vw,16px);margin:8px 0 0;font-weight:var(--font-weight-medium);opacity:.8}.empleados-pedidos-generate-btn{background:linear-gradient(135deg,#ff6b35,#ff8e53,#ffab70);border:none;border-radius:var(--radius-xl);color:#fff;padding:14px 24px;font-size:15px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #ff6b354d,0 4px 10px #ff6b3533;display:flex;align-items:center;justify-content:center;gap:10px;opacity:1;min-height:52px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;z-index:1}.empleados-pedidos-generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s;z-index:-1}.empleados-pedidos-generate-btn:hover:before{left:100%}.empleados-pedidos-generate-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;box-shadow:0 4px 15px #6b728033;opacity:.7;transform:none}.empleados-pedidos-generate-btn:not(:disabled):hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#ff8e53,#ffab70,#ffc794);box-shadow:0 12px 35px #ff6b3566,0 6px 15px #ff6b354d}.empleados-pedidos-generate-btn:not(:disabled):active{transform:translateY(-1px) scale(1.01)}.empleados-pedidos-generate-icon{font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empleados-pedidos-filters{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px;border:1px solid rgba(var(--color-primary-rgb),.2);box-shadow:var(--shadow-lg);margin-bottom:32px;position:relative;overflow:hidden}.empleados-pedidos-filters:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.empleados-pedidos-filters-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.empleados-pedidos-filters-icon{font-size:20px;filter:none;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.empleados-pedidos-filters-title{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:18px;margin:0;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.empleados-pedidos-filter-group{display:flex;flex-direction:column;position:relative}.empleados-pedidos-filter-label{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.empleados-pedidos-filter-label span:first-child{font-size:16px;filter:none;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.empleados-pedidos-filter-select{width:100%;background:var(--bg-primary);color:var(--text-primary);border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);padding:14px 44px 14px 18px;font-size:15px;font-weight:var(--font-weight-medium);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23F97316' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.08),0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.empleados-pedidos-filter-select:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--brand-gradient);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .3s ease}.empleados-pedidos-filter-select:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.15),0 4px 12px #0000001a;transform:translateY(-2px);background-color:var(--bg-secondary)}.empleados-pedidos-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15),0 8px 25px rgba(var(--color-primary-rgb),.2);transform:translateY(-2px);background-color:var(--bg-secondary)}.empleados-pedidos-filter-select:hover:before,.empleados-pedidos-filter-select:focus:before{opacity:1}.empleados-pedidos-active-filters{margin-bottom:32px;background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%);border-radius:var(--radius-xl);padding:20px 24px;border:1px solid rgba(59,130,246,.3);box-shadow:0 8px 25px #3b82f626,0 4px 10px #3b82f61a;color:#fff;font-size:16px;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;overflow:hidden}.empleados-pedidos-active-filters:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.empleados-pedidos-active-filters-tags{display:flex;gap:12px;flex-wrap:wrap}.empleados-pedidos-filter-tag{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:25px;font-size:14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.empleados-pedidos-filter-tag:hover{background:#ffffff4d;transform:translateY(-2px)}.empleados-pedidos-filter-tag-remove{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:12px;padding:4px;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:700}.empleados-pedidos-filter-tag-remove:hover{background:#fff6;transform:scale(1.1)}.empleados-pedidos-active-filters-count{margin-left:auto}.empleados-pedidos-filter-multiselect{background:var(--bg-primary);border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);padding:12px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.08)}.empleados-pedidos-filter-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);transition:all .3s ease;margin-bottom:8px}.empleados-pedidos-filter-header:hover{background:rgba(var(--color-primary-rgb),.05);border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.15)}.empleados-pedidos-filter-arrow{font-size:12px;color:var(--color-primary);transition:transform .3s ease;font-weight:700}.empleados-pedidos-filter-dropdown{margin-top:8px;animation:slideDown .3s ease;border-top:1px solid rgba(var(--color-primary-rgb),.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.empleados-pedidos-filter-checkbox-label{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:var(--radius-md);transition:all .3s ease;margin-bottom:4px}.empleados-pedidos-filter-checkbox-label:hover{background:rgba(var(--color-primary-rgb),.1);transform:translate(4px)}.empleados-pedidos-filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);transform:scale(1.2)}.empleados-pedidos-filter-checkbox-text{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary);-webkit-user-select:none;user-select:none}.empleados-pedidos-filters-toggle{background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-lg);padding:8px 16px;font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-filters-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.empleados-pedidos-filters-advanced{margin-top:24px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid rgba(var(--color-primary-rgb),.1);animation:slideDown .3s ease-out}.empleados-pedidos-filters-advanced-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empleados-pedidos-active-filters-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}.empleados-pedidos-clear-all-filters{background:#fff3;color:#fff;border:none;border-radius:var(--radius-md);padding:6px 12px;font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empleados-pedidos-clear-all-filters:hover{background:#ffffff4d;transform:scale(1.05)}.empleados-pedidos-filter-input{width:100%;background:var(--bg-primary);color:var(--text-primary);border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);padding:14px 18px;font-size:15px;font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.08)}.empleados-pedidos-filter-input:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.15);transform:translateY(-2px)}.empleados-pedidos-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15);transform:translateY(-2px)}.empleados-pedidos-no-results{text-align:center;padding:60px 40px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px dashed var(--border-secondary);margin-bottom:32px}.empleados-pedidos-no-results-icon{font-size:64px;margin-bottom:16px;opacity:.7}.empleados-pedidos-no-results-title{color:var(--text-secondary);font-size:22px;font-weight:var(--font-weight-semibold);margin-bottom:8px}.empleados-pedidos-no-results-subtitle{color:var(--text-secondary);font-size:16px;font-weight:var(--font-weight-normal);margin-bottom:20px}.empleados-pedidos-clear-filters-btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 24px;font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.empleados-pedidos-clear-filters-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.empleados-pedidos-filters-toggle{background:rgba(var(--color-primary-rgb),.1);border:2px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary);border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.empleados-pedidos-filters-toggle:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.empleados-pedidos-filters-advanced{margin-top:24px;padding:24px;background:rgba(var(--color-secondary-rgb),.05);border:1px solid rgba(var(--color-secondary-rgb),.1);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empleados-pedidos-filters-advanced-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empleados-pedidos-filter-input{width:100%;background:var(--bg-primary);color:var(--text-primary);border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);padding:14px 18px;font-size:15px;font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.08),0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empleados-pedidos-filter-input:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.15),0 4px 12px #0000001a;transform:translateY(-2px);background-color:var(--bg-secondary)}.empleados-pedidos-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15),0 8px 25px rgba(var(--color-primary-rgb),.2);transform:translateY(-2px);background-color:var(--bg-secondary)}.empleados-pedidos-filter-input::placeholder{color:var(--text-secondary);opacity:.7}.empleados-pedidos-active-filters-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.empleados-pedidos-clear-all-filters{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.empleados-pedidos-clear-all-filters:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width: 768px){.empleados-pedidos-header{flex-direction:column;align-items:stretch;gap:16px}.empleados-pedidos-title{font-size:28px}.empleados-pedidos-generate-btn{width:100%;min-height:48px;padding:12px 16px;font-size:14px}.empleados-pedidos-generate-icon{font-size:16px}.empleados-pedidos-filters-grid{grid-template-columns:1fr}.empleados-pedidos-no-results{padding:40px 20px}.empleados-pedidos-no-results-icon{font-size:48px}.empleados-pedidos-no-results-title{font-size:18px}.empleados-pedidos-no-results-subtitle{font-size:14px}}.empleados-pedidos-encomienda-empty{text-align:center;padding:40px 20px;background:#ffffff0d;border-radius:var(--radius-lg);border:1px dashed var(--border-secondary)}.empleados-pedidos-encomienda-empty-icon{font-size:40px;margin-bottom:12px;opacity:.7}.empleados-pedidos-encomienda-empty-text{color:var(--text-secondary);font-size:18px;font-weight:var(--font-weight-medium)}.empleados-pedidos-table-container{overflow-x:auto;width:100%;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid rgba(var(--color-primary-rgb),.2);box-shadow:var(--shadow-lg)}.empleados-pedidos-table{width:100%;min-width:600px;border-collapse:collapse;font-size:15px}.empleados-pedidos-table-header{background:var(--bg-tertiary);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:14px}.empleados-pedidos-table-header-cell{padding:16px 12px;text-align:left;border-bottom:2px solid rgba(var(--color-primary-rgb),.3);position:sticky;top:0;background:var(--bg-tertiary);z-index:10}.empleados-pedidos-table-header-cell--right{text-align:right}.empleados-pedidos-table-header-cell--center{text-align:center}.empleados-pedidos-table-row{cursor:pointer;background:transparent;border-bottom:1px solid rgba(var(--color-primary-rgb),.1);transition:all .2s ease;position:relative}.empleados-pedidos-table-row:nth-child(2n){background:#ffffff05}.empleados-pedidos-table-row:nth-child(odd){background:#ffffff0d}.empleados-pedidos-table-row:hover{background:rgba(var(--color-primary-rgb),.1)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-table-row--cobrado{background:linear-gradient(135deg,#4caf5026,#388e3c1a)!important;border-left:4px solid #4CAF50!important;box-shadow:0 2px 8px #4caf5033!important}.empleados-pedidos-table-row--cobrado:hover{background:linear-gradient(135deg,#4caf5040,#388e3c33)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #4caf504d!important}.empleados-pedidos-table-cell{padding:16px 12px;font-size:14px;color:var(--text-primary);font-weight:var(--font-weight-medium);vertical-align:middle}.empleados-pedidos-table-cell--right{text-align:right}.empleados-pedidos-table-cell--center{text-align:center}.empleados-pedidos-table-cell--truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empleados-pedidos-cell-fecha{color:var(--text-primary)}.empleados-pedidos-cell-pedido-id{font-weight:var(--font-weight-bold);color:var(--color-primary)}.empleados-pedidos-cell-cliente,.empleados-pedidos-cell-armador{color:var(--text-primary)}.empleados-pedidos-cell-armador--empty{color:var(--text-secondary)}.empleados-pedidos-cell-hora{color:var(--text-primary)}.empleados-pedidos-cell-hora--empty{color:var(--text-secondary)}.empleados-pedidos-cell-total{font-weight:var(--font-weight-bold);text-align:right}.empleados-pedidos-estado-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.empleados-pedidos-estado-badge--entregado{background:var(--color-success);color:#fff}.empleados-pedidos-estado-badge--enviado{background:var(--color-warning);color:#fff}.empleados-pedidos-estado-badge--cancelado{background:var(--color-error);color:#fff}.empleados-pedidos-estado-badge--procesando{background:var(--color-info);color:#fff}.empleados-pedidos-estado-badge--armando{background:#d946ef;color:#fff}.empleados-pedidos-estado-badge--cobrado{background:#22c55e;color:#fff}.empleados-pedidos-entrega-badge{padding:4px 8px;border-radius:var(--radius-lg);font-size:12px;font-weight:var(--font-weight-semibold);border:1px solid}.empleados-pedidos-entrega-badge--si{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);border-color:var(--color-success)}.empleados-pedidos-entrega-badge--no{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);border-color:var(--color-warning)}.empleados-pedidos-actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.empleados-pedidos-action-btn{border:none;color:#fff;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-md);transition:all .2s ease;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:4px;min-width:fit-content}.empleados-pedidos-action-btn:hover{transform:translateY(-1px)}.empleados-pedidos-btn-cobrar{background:var(--color-success);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.3)}.empleados-pedidos-btn-cobrar:hover{background:var(--color-success-hover);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.4)}.empleados-pedidos-btn-imprimir{background:var(--color-info);box-shadow:0 2px 8px rgba(var(--color-info-rgb),.3);font-size:18px;padding:8px 10px}.empleados-pedidos-btn-imprimir:hover{background:var(--color-info-hover);box-shadow:0 4px 12px rgba(var(--color-info-rgb),.4)}.empleados-pedidos-btn-armar{background:var(--color-warning);box-shadow:0 2px 8px rgba(var(--color-warning-rgb),.3)}.empleados-pedidos-btn-armar:hover{background:var(--color-warning-hover)}.empleados-pedidos-btn-armar--armando{background:#f97316;box-shadow:0 2px 8px #f973164d}.empleados-pedidos-btn-armar--armando:hover{background:#ea580c}.empleados-pedidos-btn-armar:hover{box-shadow:0 4px 12px rgba(var(--color-warning-rgb),.4)}.empleados-pedidos-btn-armar--armando:hover{box-shadow:0 4px 12px #f9731666}.empleados-pedidos-btn-eliminar{background:var(--color-error);box-shadow:0 2px 8px rgba(var(--color-error-rgb),.3);font-size:18px;padding:8px 10px}.empleados-pedidos-btn-eliminar:hover{background:var(--color-error-hover);box-shadow:0 4px 12px rgba(var(--color-error-rgb),.4)}@media (max-width: 768px){.empleados-pedidos-encomienda-section{margin-bottom:24px;padding:20px}.empleados-pedidos-encomienda-name{font-size:20px}.empleados-pedidos-encomienda-badge{font-size:14px}.empleados-pedidos-table{min-width:600px;font-size:12px}.empleados-pedidos-table-header{font-size:12px}.empleados-pedidos-table-header-cell{padding:12px 8px}.empleados-pedidos-table-cell{padding:12px 8px;font-size:12px}.empleados-pedidos-actions{gap:4px}.empleados-pedidos-action-btn{font-size:12px;padding:6px 10px}.empleados-pedidos-btn-imprimir,.empleados-pedidos-btn-eliminar{font-size:16px;padding:6px 8px}}.empleados-pedidos-precio-efectivo{color:var(--color-success)}.empleados-pedidos-precio-transferencia{color:var(--color-info)}.empleados-pedidos-precio-lista{color:var(--color-warning)}.empleados-pedidos-precio-usd{color:var(--color-accent)}.empleados-pedidos-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:2000}.empleados-pedidos-modal-content{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-lg);border:2px solid var(--color-primary);width:90%;max-width:500px;box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.3)}.empleados-pedidos-modal-title{color:var(--color-primary);margin-bottom:20px;font-size:20px;font-weight:var(--font-weight-bold);text-align:center}.empleados-pedidos-modal-info{margin-bottom:16px}.empleados-pedidos-modal-info-row{color:var(--text-primary);font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between}.empleados-pedidos-modal-info-total{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.empleados-pedidos-modal-form-group{margin-bottom:16px}.empleados-pedidos-modal-label{display:block;margin-bottom:8px;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:14px}.empleados-pedidos-modal-select,.empleados-pedidos-modal-textarea{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font-primary);transition:all .2s ease}.empleados-pedidos-modal-select:focus,.empleados-pedidos-modal-textarea:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-modal-textarea{resize:vertical;min-height:60px}.empleados-pedidos-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.empleados-pedidos-modal-btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.empleados-pedidos-modal-btn--cancel{background:var(--color-error);color:#fff}.empleados-pedidos-modal-btn--cancel:hover{background:var(--color-error-hover)}.empleados-pedidos-modal-btn--confirm{background:var(--color-success);color:#fff}.empleados-pedidos-modal-btn--confirm:hover{background:var(--color-success-hover)}.empleados-pedidos-print-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3000;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;overflow:auto}.empleados-pedidos-print-container{background:#fff;width:90vw;max-width:800px;height:90vh;border-radius:var(--radius-md);position:relative;overflow:auto;box-shadow:var(--shadow-2xl)}.empleados-pedidos-print-controls{position:sticky;top:0;right:0;z-index:3001;background:#fff;padding:15px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:10px}.empleados-pedidos-print-btn{padding:10px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:var(--font-weight-medium);transition:all .2s ease}.empleados-pedidos-print-btn--print{background:var(--color-primary);color:#fff}.empleados-pedidos-print-btn--close{background:var(--color-error);color:#fff}.empleados-pedidos-print-content{padding:0}@media print{.empleados-pedidos-print-controls{display:none!important}}.empleados-pedidos-modal-garantias{background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--color-primary);width:90%;max-width:700px;max-height:80vh;box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.3);display:flex;flex-direction:column}.empleados-pedidos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.empleados-pedidos-modal-header h3{color:var(--color-primary);margin:0;font-size:18px;font-weight:var(--font-weight-bold)}.empleados-pedidos-modal-close{background:var(--color-error);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.empleados-pedidos-modal-close:hover{background:var(--color-error-hover)}.empleados-pedidos-modal-body{padding:20px;flex:1;overflow:hidden;display:flex;flex-direction:column}.empleados-pedidos-garantias-filtro{margin-bottom:16px}.empleados-pedidos-garantias-input{width:100%;padding:10px 12px;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.empleados-pedidos-garantias-input:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-garantias-lista{flex:1;overflow-y:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary)}.empleados-pedidos-garantias-cargando,.empleados-pedidos-garantias-vacio{padding:40px 20px;text-align:center;color:var(--text-secondary);font-style:italic}.empleados-pedidos-garantias-item{padding:12px 16px;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .2s ease}.empleados-pedidos-garantias-item:last-child{border-bottom:none}.empleados-pedidos-garantias-item:hover{background:var(--bg-hover)}.empleados-pedidos-garantias-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.empleados-pedidos-garantias-item-id{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:14px}.empleados-pedidos-garantias-item-fecha{color:var(--text-secondary);font-size:12px}.empleados-pedidos-garantias-item-producto{color:var(--neotec-primary, #25D366);font-size:13px;margin-bottom:6px;font-weight:var(--font-weight-medium)}.empleados-pedidos-garantias-item-problema{color:var(--text-primary);font-size:14px;margin-bottom:4px;font-weight:var(--font-weight-medium)}.empleados-pedidos-garantias-item-cliente{color:var(--text-secondary);font-size:12px}.empleados-pedidos-modal-footer{padding:16px 20px;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.empleados-pedidos-modal-btn-cancel{background:var(--color-error);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:var(--font-weight-semibold);transition:all .2s ease}.empleados-pedidos-modal-btn-cancel:hover{background:var(--color-error-hover)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-color: var(--bg-primary);--text-color: var(--text-primary)}}@media (max-width: 480px){.empleados-pedidos-panel{padding:16px}.empleados-pedidos-header{gap:12px}.empleados-pedidos-title{font-size:24px}.empleados-pedidos-subtitle{font-size:12px}.empleados-pedidos-generate-btn{padding:10px 12px;font-size:12px}.empleados-pedidos-filters{padding:12px}.empleados-pedidos-filter-label{font-size:12px}.empleados-pedidos-filter-select{font-size:12px;padding:6px 8px}.empleados-pedidos-encomienda-section{padding:16px}.empleados-pedidos-table{min-width:500px;font-size:11px}.empleados-pedidos-table-header-cell,.empleados-pedidos-table-cell{padding:8px 6px}.empleados-pedidos-modal-content{padding:20px;margin:16px}.empleados-pedidos-modal-title{font-size:18px}}:root{--pedidos-mobile-breakpoint: 768px;--pedidos-tablet-breakpoint: 1024px;--pedidos-desktop-breakpoint: 1200px}@media (min-width: 769px) and (max-width: 1024px){.empleados-pedidos-title{font-size:30px}.empleados-pedidos-table{min-width:700px}.empleados-pedidos-actions{gap:6px}.empleados-pedidos-action-btn{padding:7px 11px;font-size:13px}}@media (min-width: 1400px){.empleados-pedidos-panel{max-width:1400px;margin:0 auto}.empleados-pedidos-table{font-size:16px}.empleados-pedidos-table-header{font-size:15px}.empleados-pedidos-action-btn{padding:10px 16px;font-size:15px}}.empleados-pedidos-encomienda-section{margin-bottom:40px;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:32px;border:1px solid rgba(var(--color-primary-rgb),.2);box-shadow:0 12px 40px #0000001a,0 4px 16px rgba(var(--color-primary-rgb),.05);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.empleados-pedidos-encomienda-section:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000026,0 8px 24px rgba(var(--color-primary-rgb),.1)}.empleados-pedidos-encomienda-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--brand-gradient);z-index:1}.empleados-pedidos-encomienda-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.empleados-pedidos-encomienda-info{display:flex;align-items:center;gap:16px}.empleados-pedidos-encomienda-indicator{width:16px;height:16px;border-radius:50%;position:relative;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 12px currentColor}50%{transform:scale(1.1);box-shadow:0 0 20px currentColor}}.empleados-pedidos-encomienda-name{color:var(--color-primary);font-size:clamp(20px,4vw,28px);margin:0;font-weight:var(--font-weight-bold);background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.empleados-pedidos-encomienda-badge{background:var(--bg-accent-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:25px;border:2px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary);font-size:16px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.1);transition:all .3s ease}.empleados-pedidos-encomienda-badge:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-encomienda-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin-top:24px}.empleados-pedidos-order-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(var(--color-primary-rgb),.1);box-shadow:0 8px 32px #00000014,0 4px 16px rgba(var(--color-primary-rgb),.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empleados-pedidos-order-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.02) 0%,transparent 50%);z-index:1;pointer-events:none}.empleados-pedidos-order-card>*{position:relative;z-index:2}.empleados-pedidos-order-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #00000026,0 8px 24px rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3)}.empleados-pedidos-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(var(--color-primary-rgb),.08)}.empleados-pedidos-order-number{color:var(--color-primary);font-size:20px;font-weight:var(--font-weight-bold);margin:0;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-status-badge{padding:8px 16px;border-radius:25px;font-size:13px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.empleados-pedidos-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.empleados-pedidos-status-badge:hover:before{left:100%}.empleados-pedidos-order-details{display:grid;gap:12px;margin-bottom:24px}.empleados-pedidos-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(var(--color-text-rgb),.05)}.empleados-pedidos-detail-label{color:var(--color-text-muted);font-size:14px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.empleados-pedidos-detail-value{color:var(--color-text);font-size:15px;font-weight:var(--font-weight-semibold);text-align:right}.empleados-pedidos-order-price{color:var(--color-success);font-size:22px;font-weight:var(--font-weight-bold);text-shadow:0 2px 8px rgba(var(--color-success-rgb),.3)}.empleados-pedidos-order-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--color-primary-rgb),.08)}.empleados-pedidos-action-btn{flex:1;min-width:120px;padding:12px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.empleados-pedidos-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.empleados-pedidos-action-btn:hover:before{left:100%}.empleados-pedidos-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.empleados-pedidos-action-btn:active{transform:translateY(0)}.empleados-pedidos-action-btn.primary{background:var(--color-primary);color:#fff}.empleados-pedidos-action-btn.primary:hover{background:var(--color-primary-hover)}.empleados-pedidos-action-btn.secondary{background:var(--bg-secondary);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.2)}.empleados-pedidos-action-btn.danger{background:var(--color-error);color:#fff}.empleados-pedidos-action-btn.danger:hover{background:var(--color-error-hover)}@media (max-width: 768px){.empleados-pedidos-encomienda-section{padding:20px;margin-bottom:24px}.empleados-pedidos-encomienda-content{grid-template-columns:1fr;gap:16px}.empleados-pedidos-order-card{padding:20px}.empleados-pedidos-order-actions{flex-direction:column}.empleados-pedidos-action-btn{min-width:auto}}.empleados-pedidos-encomienda-section.libertad:before{background:linear-gradient(135deg,#ff6b35,#f7931e)}.empleados-pedidos-encomienda-section.libertad .empleados-pedidos-encomienda-indicator{background:#ff6b35;color:#ff6b35}.empleados-pedidos-encomienda-section.libertad .empleados-pedidos-encomienda-name{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-encomienda-section.libertad .empleados-pedidos-encomienda-badge{background:#ff6b351a;border-color:#ff6b354d;color:#ff6b35}.empleados-pedidos-encomienda-section.rio-uruguay:before{background:linear-gradient(135deg,#2e8b57,#3cb371)}.empleados-pedidos-encomienda-section.rio-uruguay .empleados-pedidos-encomienda-indicator{background:#2e8b57;color:#2e8b57}.empleados-pedidos-encomienda-section.rio-uruguay .empleados-pedidos-encomienda-name{background:linear-gradient(135deg,#2e8b57,#3cb371);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-encomienda-section.rio-uruguay .empleados-pedidos-encomienda-badge{background:#2e8b571a;border-color:#2e8b574d;color:#2e8b57}.empleados-pedidos-encomienda-section.crucero-del-norte:before{background:linear-gradient(135deg,#4169e1,#6495ed)}.empleados-pedidos-encomienda-section.crucero-del-norte .empleados-pedidos-encomienda-indicator{background:#4169e1;color:#4169e1}.empleados-pedidos-encomienda-section.crucero-del-norte .empleados-pedidos-encomienda-name{background:linear-gradient(135deg,#4169e1,#6495ed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-encomienda-section.crucero-del-norte .empleados-pedidos-encomienda-badge{background:#4169e11a;border-color:#4169e14d;color:#4169e1}.empleados-pedidos-encomienda-section.expreso-singer:before{background:linear-gradient(135deg,#dc143c,tomato)}.empleados-pedidos-encomienda-section.expreso-singer .empleados-pedidos-encomienda-indicator{background:#dc143c;color:#dc143c}.empleados-pedidos-encomienda-section.expreso-singer .empleados-pedidos-encomienda-name{background:linear-gradient(135deg,#dc143c,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empleados-pedidos-encomienda-section.expreso-singer .empleados-pedidos-encomienda-badge{background:#dc143c1a;border-color:#dc143c4d;color:#dc143c}.empleados-pedidos-order-price.efectivo{color:#22c55e;text-shadow:0 2px 8px rgba(34,197,94,.3)}.empleados-pedidos-order-price.transferencia{color:#2196f3;text-shadow:0 2px 8px rgba(33,150,243,.3)}.empleados-pedidos-order-price.dolar{color:#4caf50;text-shadow:0 2px 8px rgba(76,175,80,.3)}.empleados-pedidos-order-price.lista{color:#ff9800;text-shadow:0 2px 8px rgba(255,152,0,.3)}.empleados-pedidos-table-cell.empleados-pedidos-order-price.efectivo{color:#22c55e;font-weight:var(--font-weight-bold)}.empleados-pedidos-table-cell.empleados-pedidos-order-price.transferencia{color:#2196f3;font-weight:var(--font-weight-bold)}.empleados-pedidos-table-cell.empleados-pedidos-order-price.dolar{color:#4caf50;font-weight:var(--font-weight-bold)}.empleados-pedidos-table-cell.empleados-pedidos-order-price.lista{color:#ff9800;font-weight:var(--font-weight-bold)}.empleados-pedidos-encomienda-section:before{background:var(--encomienda-color, var(--brand-gradient))!important}.empleados-modal-armar-pedido-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.empleados-modal-armar-pedido-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:95vw;width:fit-content;min-width:340px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease-out;position:relative}.empleados-modal-armar-pedido-header{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.empleados-modal-armar-pedido-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.empleados-modal-armar-pedido-title-icon{font-size:1.25rem;color:var(--primary)}.empleados-modal-armar-pedido-info{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem}.empleados-modal-armar-pedido-info-item{display:flex;align-items:center;gap:.25rem}.empleados-modal-armar-pedido-info-label{color:var(--text-secondary);font-weight:500}.empleados-modal-armar-pedido-info-value{color:var(--text-primary);font-weight:600}.empleados-modal-armar-pedido-info-total{color:var(--success);font-weight:700;font-size:1rem}.empleados-modal-armar-pedido-table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;background:var(--bg-primary)}.empleados-modal-armar-pedido-table{width:100%;border-collapse:collapse;min-width:800px;font-size:.875rem}.empleados-modal-armar-pedido-table-header{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.empleados-modal-armar-pedido-table-header-cell{padding:.75rem .5rem;text-align:center;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-tertiary)}.empleados-modal-armar-pedido-table-body{background:var(--bg-primary)}.empleados-modal-armar-pedido-table-row{transition:background-color .2s ease;border-bottom:1px solid var(--border)}.empleados-modal-armar-pedido-table-row:hover{background:var(--hover-bg)}.empleados-modal-armar-pedido-table-row:last-child{border-bottom:none}.empleados-modal-armar-pedido-table-cell{padding:.75rem .5rem;vertical-align:middle;text-align:center;border-right:1px solid var(--border)}.empleados-modal-armar-pedido-table-cell:last-child{border-right:none}.empleados-modal-armar-pedido-checkbox-container{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.empleados-modal-armar-pedido-checkbox{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--primary);border-radius:var(--radius-sm)}.empleados-modal-armar-pedido-checkbox:focus{outline:2px solid var(--primary);outline-offset:2px}.empleados-modal-armar-pedido-checkbox-text{color:var(--text-secondary);font-size:.875rem}.empleados-modal-armar-pedido-text-container{display:flex;align-items:center;justify-content:center;width:100%}.empleados-modal-armar-pedido-text{color:var(--text-secondary);font-size:.875rem}.empleados-modal-armar-pedido-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.empleados-modal-armar-pedido-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.empleados-modal-armar-pedido-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.empleados-modal-armar-pedido-btn-icon{font-size:1rem}.empleados-modal-armar-pedido-btn-primary{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.empleados-modal-armar-pedido-btn-primary:hover:not(.empleados-modal-armar-pedido-btn-disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-modal-armar-pedido-btn-secondary{background:var(--info);color:#fff;box-shadow:var(--shadow-sm)}.empleados-modal-armar-pedido-btn-secondary:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-modal-armar-pedido-btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.empleados-modal-armar-pedido-btn-danger:hover{background:var(--danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empleados-modal-armar-pedido-btn-disabled{background:var(--bg-tertiary)!important;color:var(--text-disabled)!important;cursor:not-allowed!important;opacity:.6}.empleados-modal-armar-pedido-btn-disabled:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}@media (max-width: 1024px){.empleados-modal-armar-pedido-container{padding:1.5rem;margin:1rem}.empleados-modal-armar-pedido-table{min-width:600px;font-size:.8rem}.empleados-modal-armar-pedido-table-header-cell,.empleados-modal-armar-pedido-table-cell{padding:.5rem .25rem}}@media (max-width: 768px){.empleados-modal-armar-pedido-container{padding:1rem;margin:.5rem}.empleados-modal-armar-pedido-title{font-size:1.25rem}.empleados-modal-armar-pedido-info{flex-direction:column;gap:.5rem}.empleados-modal-armar-pedido-actions{flex-direction:column}.empleados-modal-armar-pedido-btn{width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.cliente-header{padding:var(--spacing-sm) var(--spacing-md);min-height:60px;flex-wrap:nowrap}.header-left .user-info{margin-left:var(--spacing-xs)}.user-main-info{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;max-width:calc(100vw - 200px)}.user-name{font-size:var(--font-size-sm)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.user-role{display:none}.user-points{padding:3px 6px!important;font-size:10px!important;flex-shrink:0}.points-label{display:none!important}.header-actions{gap:var(--spacing-xs)}.carrito-btn,.btn-destructive{padding:6px 12px!important;font-size:var(--font-size-xs)!important}.btn-text{display:none}}@media (max-width: 480px){.cliente-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:50px}.header-left .user-info{margin-left:4px}.user-main-info{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;max-width:calc(100vw - 160px)}.user-name{font-size:12px!important;max-width:100px}.user-points{padding:2px 4px!important;font-size:9px!important}.header-actions{gap:var(--spacing-xs)}.header-actions button{min-width:36px;padding:4px 8px;font-size:10px}.header-left svg{width:120px!important;height:40px!important}}.RegistroCliente-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;box-sizing:border-box}.RegistroCliente-card{width:100%;max-width:500px;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden;margin:0 auto}.RegistroCliente-header{background:var(--bg-tertiary);padding:1.5rem 1rem 1rem;text-align:center;border-bottom:1px solid var(--border-primary)}.RegistroCliente-logo{color:var(--neotec-primary);font-weight:900;font-size:1.7rem;letter-spacing:2px;font-family:Segoe UI,Arial,sans-serif}.RegistroCliente-subtitle{color:var(--text-primary);font-weight:400;font-size:1.1rem;margin-left:8px;letter-spacing:1px}.RegistroCliente-step-title{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.RegistroCliente-form{padding:2rem 2rem 1.5rem}.RegistroCliente-field{margin-bottom:18px}.RegistroCliente-label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.9rem;font-weight:600}.RegistroCliente-input{width:100%;height:44px;padding:0 16px;border-radius:8px;border:2px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-size:16px;outline:none;transition:all .2s ease;box-sizing:border-box}.RegistroCliente-input:focus{border-color:var(--neotec-primary);box-shadow:0 0 0 3px var(--neotec-primary-alpha)}.RegistroCliente-phone-container{display:flex;gap:8px;align-items:stretch}.RegistroCliente-prefix-selector{position:relative;min-width:120px;flex-shrink:0}.RegistroCliente-select{width:100%;height:44px;padding:8px 32px 8px 12px;background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:8px;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;box-sizing:border-box}.RegistroCliente-select:focus{border-color:var(--neotec-primary);box-shadow:0 0 0 3px var(--neotec-primary-alpha)}.RegistroCliente-phone-input{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:8px;border:2px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-size:16px;outline:none;transition:all .2s ease;box-sizing:border-box}.RegistroCliente-phone-input:focus{border-color:var(--neotec-primary);box-shadow:0 0 0 3px var(--neotec-primary-alpha)}.RegistroCliente-phone-preview{margin-top:8px;padding:8px 12px;background:var(--bg-accent);border-radius:6px;border:1px solid var(--border-secondary);font-size:.85rem;color:var(--neotec-primary);display:flex;align-items:center;gap:8px}.RegistroCliente-phone-preview-label{color:var(--text-secondary)}.RegistroCliente-phone-preview-number{font-weight:600}.RegistroCliente-phone-validation{margin-left:auto;color:var(--neotec-success);font-size:.8rem}.RegistroCliente-validation-error{margin-top:4px;padding:6px 10px;background:var(--bg-accent-warning);border:1px solid rgba(255,152,0,.3);border-radius:4px;font-size:.8rem;color:var(--color-warning);display:flex;align-items:center;gap:6px}.RegistroCliente-button{width:100%;height:48px;background:var(--neotec-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.RegistroCliente-button:hover{background:var(--neotec-primary-hover);transform:translateY(-1px)}.RegistroCliente-button:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;transform:none}.RegistroCliente-button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);margin-bottom:12px}.RegistroCliente-button-secondary:hover{background:var(--bg-hover);color:var(--text-primary);transform:none}.RegistroCliente-error{margin-bottom:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--color-error);font-size:.9rem;text-align:center}.RegistroCliente-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.RegistroCliente-container{animation:fadeIn .5s ease-out}@media (max-width: 640px){.RegistroCliente-container{padding:16px}.RegistroCliente-card{max-width:100%}.RegistroCliente-form{padding:1.5rem 1rem 1rem}.RegistroCliente-phone-container{flex-direction:column;gap:12px}.RegistroCliente-prefix-selector{min-width:auto;width:100%}.RegistroCliente-logo{font-size:1.4rem}.RegistroCliente-subtitle{font-size:1rem}}@media (max-width: 480px){.RegistroCliente-container{padding:12px}.RegistroCliente-header,.RegistroCliente-form{padding:1rem .75rem .75rem}.RegistroCliente-field{margin-bottom:16px}.RegistroCliente-logo{font-size:1.3rem;letter-spacing:1px}.RegistroCliente-subtitle{font-size:.95rem}}[data-theme=dark] .RegistroCliente-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.empleados-pedidos-table-row--highlighted{background-color:#3b82f61a!important;border:2px solid var(--neotec-blue)!important;box-shadow:0 0 15px #3b82f64d!important;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%{background-color:#3b82f633;box-shadow:0 0 20px #3b82f680}50%{background-color:#3b82f64d;box-shadow:0 0 25px #3b82f699}to{background-color:#3b82f61a;box-shadow:0 0 15px #3b82f64d}}.servicio-tecnico-panel{padding:5px;padding-bottom:4rem;height:100vh;overflow:auto;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}@media (max-width: 768px){.servicio-tecnico-panel{padding:.75rem}}.servicio-tecnico-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px}@media (max-width: 768px){.servicio-tecnico-panel__header{margin-bottom:1px}}.servicio-tecnico-panel__title{margin:0;color:var(--neotec-orange);font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.servicio-tecnico-panel__title{font-size:1.4rem}}.servicio-tecnico-panel__tabs{display:flex;gap:.5rem;margin-bottom:1px;border-bottom:1px solid var(--border-color);padding-bottom:1px;flex-wrap:nowrap}@media (max-width: 768px){.servicio-tecnico-panel__tabs{gap:.25rem;margin-bottom:1rem;padding-bottom:.75rem;flex-wrap:wrap}}.servicio-tecnico-panel__tab{padding:.5rem 1.5rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;min-width:0;position:relative;overflow:hidden}@media (max-width: 768px){.servicio-tecnico-panel__tab{padding:.6rem 1rem;font-size:.85rem;gap:.25rem;flex:1}}.servicio-tecnico-panel__tab:hover{background:var(--neotec-orange-light);color:#fff;border-color:var(--neotec-orange);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.servicio-tecnico-panel__tab--active{background:var(--neotec-orange);color:#fff;border-color:var(--neotec-orange);font-weight:600;box-shadow:0 4px 12px #f9731666}.servicio-tecnico-panel__tab--active:hover{background:var(--neotec-orange-hover);transform:translateY(-1px)}.servicio-tecnico-panel__tab-icon{font-size:1.2rem;display:flex;align-items:center}.servicio-tecnico-panel__tab-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servicio-tecnico-panel__content{flex:1;display:flex;flex-direction:column}.servicio-tecnico-panel__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:1rem}.servicio-tecnico-panel__loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--neotec-orange);border-radius:50%;animation:servicio-tecnico-panel-spin 1s linear infinite}@keyframes servicio-tecnico-panel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.servicio-tecnico-panel__loading-text{color:var(--text-secondary);font-size:1rem;margin:0}.servicio-tecnico-panel__access-denied{display:flex;align-items:center;justify-content:center;height:100vh}.servicio-tecnico-panel__access-denied-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;max-width:400px;box-shadow:0 8px 32px #0000001a}.servicio-tecnico-panel__access-denied-icon{font-size:3rem;margin-bottom:1rem}.servicio-tecnico-panel__access-denied-title{color:var(--neotec-red);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.servicio-tecnico-panel__access-denied-message{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.servicio-tecnico-panel__access-denied-permissions{margin-bottom:1rem}.servicio-tecnico-panel__access-denied-permissions-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.servicio-tecnico-panel__access-denied-permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.servicio-tecnico-panel__access-denied-permission-badge{background:var(--neotec-red);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.servicio-tecnico-panel__access-denied-footer{color:var(--text-secondary);margin:0;font-size:.75rem}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155}.orden-multiple-panel{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color);max-width:1000px;margin:0 auto;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}@media (max-width: 768px){.orden-multiple-panel{padding:1rem;margin:.5rem;border-radius:8px}}.orden-multiple-panel__header{text-align:center;margin-bottom:2rem}@media (max-width: 768px){.orden-multiple-panel__header{margin-bottom:1.5rem}}.orden-multiple-panel__title{color:var(--neotec-green);font-size:1.8rem;margin-bottom:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.orden-multiple-panel__title{font-size:1.5rem;margin-bottom:.75rem}}.orden-multiple-panel__subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}@media (max-width: 768px){.orden-multiple-panel__subtitle{font-size:1rem}}.orden-multiple-panel__section{margin-bottom:2rem}@media (max-width: 768px){.orden-multiple-panel__section{margin-bottom:1.5rem}}.orden-multiple-panel__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.orden-multiple-panel__section-title{color:var(--neotec-orange);margin:0;font-size:1.2rem;font-weight:600}.orden-multiple-panel__label{display:block;margin-bottom:.5rem;color:var(--neotec-orange);font-weight:600;font-size:.9rem}.orden-multiple-panel__label--required:after{content:" *";color:var(--neotec-red)}.orden-multiple-panel__input-container{position:relative}.orden-multiple-panel__input{width:100%;padding:.8rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.orden-multiple-panel__input:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.orden-multiple-panel__input-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--neotec-red);color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:600}.orden-multiple-panel__input-button:hover{background:var(--neotec-red-hover);transform:translateY(-50%) translateY(-1px);box-shadow:0 4px 12px #ef44444d}.orden-multiple-panel__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000026}.orden-multiple-panel__dropdown-item{padding:.8rem;border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);transition:background-color .2s ease}.orden-multiple-panel__dropdown-item:hover{background:var(--neotec-orange);color:#fff}.orden-multiple-panel__dropdown-item:last-child{border-bottom:none}.orden-multiple-panel__dropdown-item-name{font-weight:600;margin-bottom:.2rem}.orden-multiple-panel__dropdown-item-details{font-size:.8rem;color:inherit;opacity:.8}.orden-multiple-panel__button{background:var(--neotec-orange);color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.orden-multiple-panel__button:hover{background:var(--neotec-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.orden-multiple-panel__button--danger{background:var(--neotec-red)}.orden-multiple-panel__button--danger:hover{background:var(--neotec-red-hover);box-shadow:0 4px 12px #ef44444d}.orden-multiple-panel__button--small{padding:.6rem 1rem;font-size:.9rem}.orden-multiple-panel__button--secondary{background:var(--neotec-purple)}.orden-multiple-panel__button--secondary:hover{background:var(--neotec-purple-hover);box-shadow:0 4px 12px #7c3aed4d}.orden-multiple-panel__button--success{background:var(--neotec-green)}.orden-multiple-panel__button--success:hover{background:var(--neotec-green-hover);box-shadow:0 4px 12px #10b9814d}.orden-multiple-panel__equipo-card{background:var(--bg-primary);border-radius:8px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color);transition:all .3s ease}.orden-multiple-panel__equipo-card:hover{border-color:var(--neotec-orange);box-shadow:0 4px 12px #f973161a}@media (max-width: 768px){.orden-multiple-panel__equipo-card{padding:1rem}}.orden-multiple-panel__equipo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.orden-multiple-panel__equipo-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.orden-multiple-panel__equipo-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.orden-multiple-panel__equipo-grid{grid-template-columns:1fr;gap:.75rem}}.orden-multiple-panel__field{display:flex;flex-direction:column}.orden-multiple-panel__field-label{display:block;margin-bottom:.3rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.orden-multiple-panel__field-label--required:after{content:" *";color:var(--neotec-red)}.orden-multiple-panel__field-input{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.orden-multiple-panel__field-input:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.orden-multiple-panel__field-textarea{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit;transition:all .3s ease}.orden-multiple-panel__field-textarea:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.orden-multiple-panel__field-select{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.orden-multiple-panel__field-select:focus{outline:none;border-color:var(--neotec-orange);box-shadow:0 0 0 3px #f973161a}.orden-multiple-panel__field--full-width{grid-column:1 / -1}.orden-multiple-panel__patron-container{background:var(--bg-secondary);border-radius:6px;padding:1rem;border:1px solid var(--border-color)}.orden-multiple-panel__patron-actions{display:flex;gap:.5rem;margin-bottom:1rem}.orden-multiple-panel__price-container{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--border-color);margin-top:1rem}.orden-multiple-panel__price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.orden-multiple-panel__price-row:last-child{margin-bottom:0;padding-top:.5rem;border-top:1px solid var(--border-color);font-weight:600}.orden-multiple-panel__price-label{color:var(--text-secondary);font-size:.9rem}.orden-multiple-panel__price-value{color:var(--text-primary);font-weight:600}.orden-multiple-panel__price-value--total{color:var(--neotec-green);font-size:1.1rem}.orden-multiple-panel__terms-container{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);margin-top:2rem}.orden-multiple-panel__terms-title{color:var(--neotec-orange);font-size:1.2rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.orden-multiple-panel__terms-content{background:var(--bg-primary);border-radius:6px;padding:1rem;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;line-height:1.5;max-height:200px;overflow-y:auto;white-space:pre-wrap;margin-bottom:1rem}.orden-multiple-panel__signature-container{margin-top:1rem;padding:1rem;border:2px dashed var(--border-color);border-radius:8px;text-align:center;transition:all .3s ease}.orden-multiple-panel__signature-container--signed{border-color:var(--neotec-green);background:#10b9810d}.orden-multiple-panel__signature-preview{border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem}.orden-multiple-panel__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.orden-multiple-panel__actions{flex-direction:column;gap:.75rem}}.orden-multiple-panel__actions .orden-multiple-panel__button{min-width:200px}@media (max-width: 768px){.orden-multiple-panel__actions .orden-multiple-panel__button{min-width:auto;width:100%}}.empleados-pedidos-table-row--highlighted{background-color:#ffc10733!important;border:2px solid #ffc107!important;box-shadow:0 0 15px #ffc10766!important;animation:pedido-highlight 3s ease-in-out;position:relative;z-index:2}@keyframes pedido-highlight{0%{background-color:#ffc10766;box-shadow:0 0 25px #ffc10799;transform:scale(1.02)}50%{background-color:#ffc1074d;box-shadow:0 0 20px #ffc10780;transform:scale(1.01)}to{background-color:#ffc10733;box-shadow:0 0 15px #ffc10766;transform:scale(1)}}.orden-multiple-panel__presupuesto-container{display:flex;gap:.5rem;align-items:center}.orden-multiple-panel__presupuesto-button{background:var(--neotec-purple);color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.orden-multiple-panel__presupuesto-button:hover{background:var(--neotec-purple-hover)}.orden-multiple-panel__presupuesto-info{margin-top:.5rem;padding:.8rem;background:#25d3661a;border:1px solid var(--neotec-green);border-radius:6px}.orden-multiple-panel__presupuesto-summary{color:var(--neotec-green);font-weight:700;margin-bottom:.5rem}.orden-multiple-panel__payment-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background:#ffffff0d;border-radius:4px}.orden-multiple-panel__payment-item{display:flex;flex-direction:column}.orden-multiple-panel__payment-label{color:var(--neotec-green);font-weight:600;font-size:.85rem}.orden-multiple-panel__payment-value{color:var(--text-primary);font-size:.8rem}.orden-multiple-panel__payment-cuotas{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.orden-multiple-panel__presupuesto-details{color:var(--text-secondary, #ccc);margin-top:.3rem;font-size:.8rem}.orden-multiple-panel__productos-list{margin-top:.5rem}.orden-multiple-panel__productos-title{color:var(--neotec-green);font-weight:600;margin-bottom:.3rem;font-size:.85rem}.orden-multiple-panel__producto-item{color:var(--text-secondary, #ccc);font-size:.75rem;margin-left:.5rem}.orden-multiple-panel__mano-obra{margin-top:.3rem;color:var(--text-secondary, #ccc);font-size:.8rem}.orden-multiple-panel__field-input--highlighted{background:var(--bg-tertiary, #1a1a1a);color:var(--neotec-green);font-weight:600}.orden-multiple-panel__action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.orden-multiple-panel__action-button{background:var(--neotec-red);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.orden-multiple-panel__action-button:hover{background:var(--neotec-red-hover)}.orden-multiple-panel__action-button--danger{background:#ff4757}.orden-multiple-panel__action-button--danger:hover{background:#ff3742}.orden-multiple-panel__terms-section{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary, #1a1a1a);border-radius:12px;border:1px solid var(--border-color)}.orden-multiple-panel__terms-title{color:var(--neotec-green);font-size:1.3rem;margin-bottom:1rem;text-align:center}.orden-multiple-panel__terms-content{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-tertiary, #2a2a2a);border-radius:8px;border:1px solid var(--border-color)}.orden-multiple-panel__terms-subtitle{color:var(--neotec-green);font-size:1.1rem;margin-bottom:1rem;text-align:center}.orden-multiple-panel__terms-text{color:var(--text-primary);font-size:.9rem;line-height:1.6}.orden-multiple-panel__terms-text p{margin-bottom:.8rem}.orden-multiple-panel__signature-section{margin-bottom:1rem}.orden-multiple-panel__signature-label{display:block;margin-bottom:.5rem;color:var(--neotec-red);font-weight:600}.orden-multiple-panel__signature-container{background:var(--bg-tertiary, #2a2a2a);border-radius:8px;padding:1rem;border:2px solid var(--border-color)}.orden-multiple-panel__signature-container--signed{border-color:var(--neotec-green)}.orden-multiple-panel__signature-status{margin-top:.5rem;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.orden-multiple-panel__signature-status--success{color:var(--neotec-green)}.orden-multiple-panel__signature-status--pending{color:var(--text-secondary, #888)}.orden-multiple-panel__signature-note{text-align:center;color:var(--text-secondary, #888);font-size:.85rem;font-style:italic}.orden-multiple-panel__final-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.orden-multiple-panel__final-button{border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.orden-multiple-panel__final-button--debug{background:var(--neotec-purple);color:#fff}.orden-multiple-panel__final-button--debug:hover{background:var(--neotec-purple-hover)}.orden-multiple-panel__final-button--primary{background:var(--neotec-green);color:#fff}.orden-multiple-panel__final-button--primary:hover{background:var(--neotec-green-hover)}@media (max-width: 768px){.orden-multiple-panel__presupuesto-container{flex-direction:column;align-items:stretch}.orden-multiple-panel__payment-info{grid-template-columns:1fr}.orden-multiple-panel__action-buttons,.orden-multiple-panel__final-buttons{flex-direction:column;align-items:stretch}}.ordenes-servicio-panel{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.ordenes-servicio-panel__container{padding:1rem;font-size:1rem}.ordenes-servicio-panel__container--mobile{padding:.5rem;font-size:.9rem}.ordenes-servicio-panel__filters{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px;margin-bottom:.5rem;align-items:center}.ordenes-servicio-panel__filters--mobile{display:flex;flex-direction:column;gap:.4rem}.ordenes-servicio-panel__search{padding:.3rem .5rem;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;grid-column:1;grid-row:1}.ordenes-servicio-panel__search--mobile{padding:1rem;font-size:16px;width:100%;grid-column:unset;grid-row:unset}.ordenes-servicio-panel__filter-group{display:flex;gap:.5rem;width:100%;grid-column:1 / -1;grid-row:2}.ordenes-servicio-panel__filter-group--mobile{gap:.3rem;grid-column:unset;grid-row:unset}.ordenes-servicio-panel__select{padding:.3rem .5rem;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;flex:1}.ordenes-servicio-panel__select--mobile{padding:1rem .5rem;font-size:14px;min-width:0}.ordenes-servicio-panel__date-input{padding:.3rem .5rem;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;flex:1}.ordenes-servicio-panel__date-input--mobile{padding:1rem .5rem;font-size:14px}.ordenes-servicio-panel__counter{color:var(--neotec-green);font-weight:600;font-size:.9rem;text-align:center;grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}.ordenes-servicio-panel__counter--mobile{padding:.5rem;grid-column:unset;grid-row:unset;justify-self:unset}.ordenes-servicio-panel__mobile-notice{background:#25d3661a;border:1px solid var(--neotec-green);border-radius:8px;padding:.3rem;margin-bottom:.3rem;text-align:center;color:var(--neotec-green);font-size:.8rem;font-weight:500}.ordenes-servicio-panel__table-container{background:linear-gradient(145deg,var(--bg-secondary, #2a2a2a) 0%,var(--bg-tertiary, #1e1e1e) 100%);border-radius:16px;overflow:auto;border:1px solid var(--border-color, #333);box-shadow:0 8px 32px #00000040;position:relative;-webkit-overflow-scrolling:touch;flex:1}.ordenes-servicio-panel__table-container--mobile{max-height:calc(100vh - 280px)}.ordenes-servicio-panel__table-header{display:grid;grid-template-columns:140px 120px 1fr 160px 320px;gap:1rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--neotec-green, #25D366) 0%,#128C7E 100%);font-weight:700;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #25d36640;min-width:900px;position:sticky;top:0;z-index:10}.ordenes-servicio-panel__table-header--mobile{padding:.6rem 1rem;font-size:.75rem;grid-template-columns:100px 100px 1fr 120px 200px;min-width:700px}.ordenes-servicio-panel__header-cell{display:flex;align-items:center;gap:.5rem;font-weight:700}.ordenes-servicio-panel__table-row{display:grid;grid-template-columns:140px 120px 1fr 160px 320px;gap:1rem;padding:1.5rem;min-height:120px;align-items:center;font-size:.9rem;color:var(--text-primary, #e6e6e6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:900px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.ordenes-servicio-panel__table-row--mobile{padding:1rem;font-size:.8rem;min-height:100px;grid-template-columns:100px 100px 1fr 120px 200px;min-width:700px}.ordenes-servicio-panel__table-row--urgente{border-left:4px solid var(--neotec-red, #FF4444);background:linear-gradient(90deg,#ff44441a,#ff444405)}.ordenes-servicio-panel__table-row:hover{background:linear-gradient(90deg,#25d36626,#25d3660d);transform:translate(8px);box-shadow:0 8px 32px #0000004d;border-radius:8px}.ordenes-servicio-panel__table-row--urgente:hover{background:linear-gradient(90deg,#f443,#ff444414)}@media (max-width: 768px){.ordenes-servicio-panel__filters{display:flex;flex-direction:column;gap:.8rem}.ordenes-servicio-panel__filter-group{gap:.5rem;width:100%}.ordenes-servicio-panel__search{width:100%;font-size:16px;padding:1rem}.ordenes-servicio-panel__counter{order:-1;margin-bottom:.5rem;text-align:left;padding:.5rem 0}.ordenes-servicio-panel__select,.ordenes-servicio-panel__date-input{flex:1;min-width:0;padding:.5rem;font-size:14px}.ordenes-servicio-panel__table-header,.ordenes-servicio-panel__table-row{grid-template-columns:80px 80px 1fr 100px 160px;gap:.5rem;padding:.6rem .75rem;font-size:.75rem;min-width:600px}.ordenes-servicio-panel__table-row{min-height:100px}.ordenes-servicio-panel__numero-principal,.ordenes-servicio-panel__presupuesto-monto{font-size:.85rem}.ordenes-servicio-panel__estado-badge{font-size:.7rem;padding:.4rem .5rem}.ordenes-servicio-panel__proxima-accion-btn{font-size:.7rem;padding:.5rem}.ordenes-servicio-panel__proxima-accion-text{display:none}.ordenes-servicio-panel__counter{padding:.5rem}.ordenes-servicio-panel__cliente-info,.ordenes-servicio-panel__dispositivo-info,.ordenes-servicio-panel__problema-info{font-size:.75rem}.ordenes-servicio-panel__fecha-ingreso{font-size:.8rem}.ordenes-servicio-panel__fecha-limite{font-size:.7rem;padding:.2rem .4rem}.ordenes-servicio-panel__badge-urgente{font-size:.6rem;padding:.2rem .4rem}.ordenes-servicio-panel__dropdown-opciones,.ordenes-servicio-panel__dropdown-estados{min-width:180px;font-size:.8rem}}.ordenes-servicio-panel__fecha-cell{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.ordenes-servicio-panel__fecha-ingreso{font-weight:600;color:var(--text-primary, #e6e6e6);font-size:.9rem;display:flex;align-items:center;gap:.25rem}.ordenes-servicio-panel__fecha-ingreso--urgente{color:var(--neotec-red, #FF4444)}.ordenes-servicio-panel__fecha-limite{font-size:.8rem;color:var(--text-secondary, #999);background:#ffffff1a;padding:.25rem .5rem;border-radius:6px;display:flex;align-items:center;gap:.25rem}.ordenes-servicio-panel__fecha-limite--urgente{background:#f443;color:var(--neotec-red, #FF4444);font-weight:600}.ordenes-servicio-panel__fecha-ingreso--yellow-text{color:var(--neotec-yellow-dark, #D4AC0D);font-weight:600}.ordenes-servicio-panel__fecha-limite--yellow{background:#ffd70033;color:var(--neotec-yellow-dark, #D4AC0D);font-weight:600;border-left:3px solid var(--neotec-yellow, #FFD700)}.ordenes-servicio-panel__badge-urgente{font-size:.7rem;background:var(--neotec-red, #FF4444);color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:ordenes-servicio-panel-pulse 2s infinite}.ordenes-servicio-panel__badge-atrasado{font-size:.7rem;background:var(--neotec-red, #FF4444);color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:ordenes-servicio-panel-pulse-red 1.5s infinite;box-shadow:0 0 10px #ff444480}.ordenes-servicio-panel__badge-urgente-yellow{font-size:.7rem;background:var(--neotec-yellow, #FFD700);color:#000;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:ordenes-servicio-panel-pulse-yellow 2s infinite;box-shadow:0 0 8px #ffd70066}.ordenes-servicio-panel__badge-al-dia{font-size:.7rem;background:#25d366;color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:ordenes-servicio-panel-pulse-green 2s infinite;box-shadow:0 0 8px #25d36666}.ordenes-servicio-panel__fecha-ingreso--green{color:#25d366;font-weight:600}.ordenes-servicio-panel__fecha-limite--green{background:#25d36626;color:#25d366;font-weight:600;border-left:3px solid #25D366}@keyframes ordenes-servicio-panel-pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes ordenes-servicio-panel-pulse-yellow{0%,to{opacity:1;box-shadow:0 0 8px #ffd70066}50%{opacity:.9;box-shadow:0 0 12px #ffd70099}}@keyframes ordenes-servicio-panel-pulse-green{0%,to{opacity:1;box-shadow:0 0 8px #25d36666}50%{opacity:.9;box-shadow:0 0 12px #25d36699}}.ordenes-servicio-panel__table-row--atrasado{border-left:4px solid var(--neotec-red);background:#ef44440d}.ordenes-servicio-panel__table-row--urgente{border-left:4px solid var(--neotec-yellow);background:#ffd7000d}.ordenes-servicio-panel__table-row--al_dia{border-left:4px solid #25D366;background:#25d3660d}.ordenes-servicio-panel__table-row--completado{border-left:4px solid var(--neotec-green);background:#10b9810d}.ordenes-servicio-panel__table-row--sin_solucion{border-left:4px solid #808080;background:#8080800d}.ordenes-servicio-panel__table-row--cancelado{border-left:4px solid #666666;background:#6666660d;opacity:.8}@keyframes ordenes-servicio-panel-pulse{0%,to{opacity:1}50%{opacity:.7}}.ordenes-servicio-panel__numero-cell{display:flex;flex-direction:column;gap:.25rem;align-items:center}.ordenes-servicio-panel__numero-principal{font-weight:700;font-size:1rem;color:var(--neotec-green, #25D366)}.ordenes-servicio-panel__numero-id{font-size:.75rem;color:var(--text-secondary, #999)}.ordenes-servicio-panel__cliente-dispositivo-cell{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;min-width:0}.ordenes-servicio-panel__cliente-info{font-weight:600;color:var(--text-primary, #e6e6e6);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;gap:.25rem}.ordenes-servicio-panel__cliente-telefono{color:var(--text-secondary, #999);font-weight:400}.ordenes-servicio-panel__dispositivo-info{font-size:.85rem;color:var(--neotec-blue, #4A90E2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;gap:.25rem}.ordenes-servicio-panel__problema-info{font-size:.8rem;color:var(--text-secondary, #999);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;gap:.25rem}.ordenes-servicio-panel__presupuesto-cell{display:flex;flex-direction:column;gap:.25rem;align-items:center}.ordenes-servicio-panel__presupuesto-monto{font-weight:700;font-size:1rem;color:var(--neotec-green, #25D366)}.ordenes-servicio-panel__tipo-pago{font-size:.75rem;color:var(--text-secondary, #999);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.ordenes-servicio-panel__terminal-pago{font-size:.7rem;color:var(--text-tertiary, #666)}.ordenes-servicio-panel__acciones-cell{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;position:relative}.ordenes-servicio-panel__estado-container{display:flex;align-items:center;gap:.5rem}.ordenes-servicio-panel__estado-badge{flex:1;padding:.5rem .75rem;border-radius:8px;font-weight:600;font-size:.8rem;text-align:center;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordenes-servicio-panel__menu-estados-btn{background:#ffffff1a;border:none;border-radius:6px;padding:.5rem;color:var(--text-primary, #e6e6e6);cursor:pointer;transition:all .3s ease;font-size:.9rem}.ordenes-servicio-panel__menu-estados-btn:hover{background:#fff3;transform:scale(1.1)}.ordenes-servicio-panel__proxima-accion-btn{background:linear-gradient(135deg,var(--neotec-green, #25D366) 0%,#128C7E 100%);border:none;border-radius:8px;padding:.6rem .75rem;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 3px 12px #25d3664d}.ordenes-servicio-panel__proxima-accion-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.ordenes-servicio-panel__proxima-accion-icon{font-size:.8rem}.ordenes-servicio-panel__proxima-accion-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordenes-servicio-panel__opciones-btn{position:absolute;top:0;right:0;background:#ffffff1a;border:none;border-radius:6px;padding:.5rem;color:var(--text-primary, #e6e6e6);cursor:pointer;transition:all .3s ease;font-size:.9rem}.ordenes-servicio-panel__opciones-btn:hover{background:#fff3;transform:scale(1.1)}.ordenes-servicio-panel__dropdown-opciones,.ordenes-servicio-panel__dropdown-estados{background:linear-gradient(145deg,var(--bg-secondary, #2a2a2a) 0%,var(--bg-tertiary, #1e1e1e) 100%);border:1px solid var(--border-color, #333);border-radius:12px;box-shadow:0 12px 48px #0006;padding:.75rem 0;min-width:200px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000}.ordenes-servicio-panel__dropdown-header{padding:.75rem 1rem;font-weight:700;font-size:.8rem;color:var(--neotec-green, #25D366);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.ordenes-servicio-panel__estado-actual{padding:.5rem 1rem;font-size:.8rem;color:var(--text-secondary, #999);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.ordenes-servicio-panel__dropdown-item,.ordenes-servicio-panel__estado-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary, #e6e6e6);cursor:pointer;transition:all .3s ease;font-size:.85rem;text-align:left}.ordenes-servicio-panel__dropdown-item:hover,.ordenes-servicio-panel__estado-option:hover{background:#25d3661a;color:var(--neotec-green, #25D366)}.ordenes-servicio-panel__dropdown-item--editar:hover{background:#4a90e21a;color:var(--neotec-blue, #4A90E2)}.ordenes-servicio-panel__dropdown-item--alta-sin-reparar:hover{background:#ffc1071a;color:#ffc107}.ordenes-servicio-panel__dropdown-item--eliminar:hover{background:#ff44441a;color:var(--neotec-red, #FF4444)}.ordenes-servicio-panel__estado-option--actual{background:#25d3661a;color:var(--neotec-green, #25D366);cursor:default}.ordenes-servicio-panel__estado-option:disabled{opacity:.5;cursor:not-allowed}.gestion-garantias__container{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000026}.gestion-garantias__form{display:flex;flex-direction:column;gap:1rem;max-width:100%}.gestion-garantias__form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.gestion-garantias__label{color:var(--text-primary, #e6edf3);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.gestion-garantias__label--required:after{content:"*";color:#dc3545;margin-left:.25rem}.gestion-garantias__input{background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:.75rem;color:var(--text-primary, #e6edf3);font-size:.9rem;transition:all .3s ease;width:100%;box-sizing:border-box}.gestion-garantias__input:focus{outline:none;border-color:var(--neotec-primary, #25D366);box-shadow:0 0 0 2px #25d36633}.gestion-garantias__textarea{background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:.75rem;color:var(--text-primary, #e6edf3);font-size:.9rem;resize:vertical;min-height:4rem;font-family:inherit;transition:all .3s ease;width:100%;box-sizing:border-box}.gestion-garantias__textarea:focus{outline:none;border-color:var(--neotec-primary, #25D366);box-shadow:0 0 0 2px #25d36633}.gestion-garantias__product-selector{background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:.75rem;color:var(--text-primary, #e6edf3);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;width:100%;box-sizing:border-box}.gestion-garantias__product-selector:hover{border-color:var(--neotec-primary, #25D366);background:var(--bg-secondary, #161b22)}.gestion-garantias__distribuidor-container{display:flex;gap:.5rem;align-items:stretch}.gestion-garantias__distribuidor-select{flex:1}.gestion-garantias__add-distribuidor-btn{background:var(--neotec-primary, #25D366);border:none;border-radius:8px;color:#fff;padding:.75rem;cursor:pointer;min-width:3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1rem}.gestion-garantias__add-distribuidor-btn:hover{background:var(--neotec-primary-hover, #20B858);transform:translateY(-1px)}.gestion-garantias__radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.gestion-garantias__radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .3s ease}.gestion-garantias__radio-option:hover{background:#25d3660d}.gestion-garantias__radio-option input[type=radio]{accent-color:var(--neotec-primary, #25D366);margin:0}.gestion-garantias__radio-option--approved{color:#28a745}.gestion-garantias__radio-option--rejected{color:#dc3545}.gestion-garantias__photos-section{margin-top:.75rem}.gestion-garantias__photos-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.gestion-garantias__photo-item{position:relative}.gestion-garantias__photo-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #dc3545}.gestion-garantias__photo-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:none;background:#dc3545;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gestion-garantias__photo-remove:hover{background:#c82333;transform:scale(1.1)}.gestion-garantias__add-photo-btn{width:80px;height:80px;border-radius:8px;border:2px dashed #dc3545;background:transparent;color:#dc3545;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;gap:.25rem;transition:all .3s ease}.gestion-garantias__add-photo-btn:hover{background:#dc35451a;border-color:#c82333}.gestion-garantias__alert{border-radius:8px;padding:.75rem;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.5rem}.gestion-garantias__alert--info{background:#25d3661a;border:1px solid rgba(37,211,102,.3);color:var(--text-primary, #e6edf3)}.gestion-garantias__alert--success{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.gestion-garantias__alert--error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.gestion-garantias__error-fields{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.gestion-garantias__error-field{background:#dc354533;padding:.125rem .5rem;border-radius:12px;font-size:.75rem}.gestion-garantias__submit-btn{background:var(--neotec-primary, #25D366);border:none;border-radius:8px;color:#fff;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;align-self:flex-end}.gestion-garantias__submit-btn:hover:not(:disabled){background:var(--neotec-primary-hover, #20B858);transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.gestion-garantias__submit-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.gestion-garantias__container{padding:1rem}.gestion-garantias__form{gap:.875rem}.gestion-garantias__distribuidor-container{flex-direction:column}.gestion-garantias__radio-group{gap:.5rem}.gestion-garantias__photos-grid{justify-content:center}.gestion-garantias__photo-image,.gestion-garantias__add-photo-btn{width:70px;height:70px}}.empleados-floatingchatlist__container{position:fixed;top:20px;right:20px;width:340px;height:calc(100vh - 40px);background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);z-index:1001;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empleados-floatingchatlist__container--panel{top:var(--header-height);right:0;border-radius:0;box-shadow:none;z-index:1;height:calc(100vh - var(--header-height));border-left:1px solid var(--border-primary);border-top:none;border-bottom:none;border-right:none}.empleados-floatingchatlist__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:1000}.empleados-floatingchatlist__header{padding:18px 16px 10px;border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:10px;background:var(--bg-secondary)}.empleados-floatingchatlist__header-row{display:flex;align-items:center;justify-content:space-between}.empleados-floatingchatlist__title{color:var(--neotec-primary);margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.empleados-floatingchatlist__sync-indicator{font-size:12px;color:var(--neotec-primary);background:#25d3661a;padding:2px 8px;border-radius:12px;font-weight:500}.empleados-floatingchatlist__sync-stage{font-size:11px;color:var(--text-tertiary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleados-floatingchatlist__close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s ease}.empleados-floatingchatlist__close-btn:hover{background:var(--bg-hover);color:var(--color-error);transform:scale(1.1)}.empleados-floatingchatlist__back-btn{background:transparent;border:none;color:var(--neotec-primary);font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;gap:8px;transition:all .2s ease;border-radius:8px}.empleados-floatingchatlist__back-btn:hover{background:var(--bg-accent-primary);transform:translate(-2px)}.empleados-floatingchatlist__diffusion-btn{width:100%;background:linear-gradient(135deg,var(--neotec-primary),var(--neotec-secondary));color:#fff;border:none;border-radius:12px;padding:12px 0;font-size:16px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:all .3s ease;box-shadow:var(--shadow-md)}.empleados-floatingchatlist__diffusion-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--neotec-secondary),var(--neotec-primary))}.empleados-floatingchatlist__controls{display:flex;align-items:center;gap:8px}.empleados-floatingchatlist__filter-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:8px 16px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.empleados-floatingchatlist__filter-btn--active{background:var(--neotec-primary);color:#fff;border-color:var(--neotec-primary);box-shadow:0 0 0 2px #25d36633}.empleados-floatingchatlist__filter-btn:hover{background:var(--bg-hover);border-color:var(--neotec-primary)}.empleados-floatingchatlist__search-container{position:relative}.empleados-floatingchatlist__search-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .2s ease}.empleados-floatingchatlist__search-input:focus{outline:none;border-color:var(--neotec-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px #25d3661a}.empleados-floatingchatlist__search-input::placeholder{color:var(--text-tertiary)}.empleados-floatingchatlist__search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:18px;transition:all .2s ease;padding:2px;border-radius:4px}.empleados-floatingchatlist__search-clear:hover{color:var(--color-error);background:var(--bg-hover)}.empleados-floatingchatlist__content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.empleados-floatingchatlist__messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 16px;display:flex;flex-direction:column;gap:8px;background:var(--bg-primary);background-image:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:0;height:0}.empleados-floatingchatlist__loading{text-align:center;padding:20px;color:var(--text-tertiary);font-size:14px}.empleados-floatingchatlist__loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--neotec-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.empleados-floatingchatlist__container{width:100vw;height:100vh;top:0;right:0;border-radius:0}.empleados-floatingchatlist__header{padding:12px 16px 8px}.empleados-floatingchatlist__title{font-size:18px}}[data-theme=dark] .empleados-floatingchatlist__container{box-shadow:0 20px 25px -5px #000c}[data-theme=dark] .empleados-floatingchatlist__messages-area{background-image:linear-gradient(135deg,var(--bg-primary) 0%,#1a2332 100%)}.empleados-floatingchatlist__chat-list{flex:1;overflow-y:auto;overflow-x:hidden}.empleados-floatingchatlist__chat-item{display:flex;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all .2s ease;position:relative}.empleados-floatingchatlist__chat-item:hover{background:var(--bg-hover);transform:translate(2px)}.empleados-floatingchatlist__chat-item:active{transform:translate(1px);background:var(--bg-active)}.empleados-floatingchatlist__avatar-container{position:relative;margin-right:12px}.empleados-floatingchatlist__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all .2s ease}.empleados-floatingchatlist__avatar--group{border-color:var(--neotec-primary)}.empleados-floatingchatlist__group-indicator{position:absolute;bottom:-2px;right:-2px;background:var(--neotec-primary);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm)}.empleados-floatingchatlist__chat-content{flex:1;min-width:0}.empleados-floatingchatlist__chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.empleados-floatingchatlist__chat-name{color:var(--text-primary);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.empleados-floatingchatlist__chat-time{color:var(--text-tertiary);font-size:11px;white-space:nowrap;margin-left:8px}.empleados-floatingchatlist__chat-preview{color:var(--text-secondary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.empleados-floatingchatlist__badges{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.empleados-floatingchatlist__unread-badge{background:var(--neotec-primary);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;min-width:16px;text-align:center;animation:pulse 2s infinite}.empleados-floatingchatlist__level-badge{background:linear-gradient(135deg,var(--neotec-secondary),var(--neotec-accent));color:#fff;border-radius:6px;padding:2px 5px;font-size:9px;font-weight:600;display:inline-flex;align-items:center;gap:1px;box-shadow:var(--shadow-sm);width:fit-content}.empleados-floatingchatlist__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.empleados-floatingchatlist__tag{padding:2px 6px;border-radius:6px;font-size:10px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.empleados-floatingchatlist__contacts-section{padding:8px 16px;background:var(--bg-accent-primary);border-bottom:1px solid var(--border-primary)}.empleados-floatingchatlist__contacts-title{color:var(--neotec-primary);font-size:12px;font-weight:600;margin-bottom:8px}.empleados-floatingchatlist__contact-item{display:flex;align-items:center;padding:8px 0;cursor:pointer;border-radius:8px;transition:all .2s ease}.empleados-floatingchatlist__contact-item:hover{background:var(--bg-hover);padding-left:8px}.empleados-floatingchatlist__contact-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.empleados-floatingchatlist__contact-info{flex:1}.empleados-floatingchatlist__contact-name{color:var(--text-primary);font-weight:600;font-size:14px}.empleados-floatingchatlist__contact-number{color:var(--text-tertiary);font-size:12px}.empleados-floatingchatlist__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-tertiary)}.empleados-floatingchatlist__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empleados-floatingchatlist__empty-text{font-size:16px;margin-bottom:8px}.empleados-floatingchatlist__empty-subtext{font-size:14px;opacity:.7}.empleados-floatingchatlist__load-more-btn{background:linear-gradient(135deg,var(--neotec-primary),var(--neotec-secondary));color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.empleados-floatingchatlist__load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.empleados-floatingchatlist__load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empleados-floatingchatlist__load-more-container{display:flex;justify-content:center;padding:20px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.empleados-floatingchatlist__chat-list::-webkit-scrollbar,.empleados-floatingchatlist__messages-area::-webkit-scrollbar{width:6px}.empleados-floatingchatlist__chat-list::-webkit-scrollbar-track,.empleados-floatingchatlist__messages-area::-webkit-scrollbar-track{background:var(--bg-secondary)}.empleados-floatingchatlist__chat-list::-webkit-scrollbar-thumb,.empleados-floatingchatlist__messages-area::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:10px}.empleados-floatingchatlist__chat-list::-webkit-scrollbar-thumb:hover,.empleados-floatingchatlist__messages-area::-webkit-scrollbar-thumb:hover{background:var(--neotec-primary)}.empleados-floatingchatlist__chat-item:hover .empleados-floatingchatlist__avatar{transform:scale(1.05)}.empleados-floatingchatlist__chat-item:hover .empleados-floatingchatlist__unread-badge{animation:pulse 1s infinite}[data-theme=light] .empleados-floatingchatlist__container{box-shadow:0 20px 25px -5px #00000026}[data-theme=light] .empleados-floatingchatlist__overlay{background:#0000004d}[data-theme=light] .empleados-floatingchatlist__messages-area{background-image:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.empleados-chatpanel__container{display:flex;height:85vh;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.empleados-chatpanel__messages-panel{flex:1;width:100%;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.empleados-chatpanel__messages-container{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.empleados-chatpanel__chat-list-section{flex:0 0 auto;width:100%;max-width:400px;border-right:1px solid var(--border-primary);background:var(--bg-secondary)}.empleados-chatpanel__messages-section{flex:1;min-width:0;display:flex;flex-direction:column}.empleados-chatpanel__loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-tertiary);font-size:16px;background:var(--bg-primary)}.empleados-chatpanel__loading-spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--neotec-primary);animation:spin 1s ease-in-out infinite;margin-right:10px;vertical-align:middle}.empleados-chatpanel__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:1000;display:flex;align-items:center;justify-content:center}.empleados-chatpanel__container,.empleados-chatpanel__messages-panel,.empleados-chatpanel__chat-list-section{transition:all .3s ease}@media (max-width: 768px){.empleados-chatpanel__container{height:100vh;border-radius:0;flex-direction:column}.empleados-chatpanel__chat-list-section{max-width:none;border-right:none;border-bottom:1px solid var(--border-primary)}}@media (max-width: 1024px){.empleados-chatpanel__container{height:90vh}.empleados-chatpanel__chat-list-section{max-width:350px}}.empleados-chatpanel__container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neotec-primary),var(--neotec-secondary),var(--neotec-accent));z-index:1}[data-theme=dark] .empleados-chatpanel__container{box-shadow:0 20px 25px -5px #000c}[data-theme=dark] .empleados-chatpanel__messages-container{background:linear-gradient(135deg,var(--bg-primary) 0%,#1a2332 100%)}[data-theme=light] .empleados-chatpanel__container{box-shadow:0 20px 25px -5px #00000026}[data-theme=light] .empleados-chatpanel__messages-container{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.empleados-chatheader__container{background:var(--bg-secondary);color:var(--text-primary);padding:1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;position:relative;transition:all var(--transition-speed)}.empleados-chatheader__back-btn{background:transparent;color:var(--text-primary);border:none;cursor:pointer;font-size:20px;margin-right:8px;padding:8px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);min-width:40px;height:40px}.empleados-chatheader__back-btn:hover{background:var(--neotec-primary-alpha);color:var(--neotec-primary);transform:translate(-2px)}.empleados-chatheader__avatar{width:44px;height:44px;border-radius:50%;margin-right:10px;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0;border:2px solid var(--border-color);transition:border-color var(--transition-speed)}.empleados-chatheader__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.empleados-chatheader__name{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);display:flex;align-items:center;gap:8px}.empleados-chatheader__stars{display:inline-flex;align-items:center;gap:1px}.empleados-chatheader__star{color:gold;font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.empleados-chatheader__status{font-size:12px;color:var(--text-tertiary);opacity:.8}.empleados-chatheader__stop-voice-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:13px;margin-left:8px;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 2px 8px #ff6b6b4d;animation:pulse-voice 1.5s infinite;display:flex;align-items:center;gap:6px}.empleados-chatheader__stop-voice-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.empleados-chatheader__menu-container{position:relative;margin-left:8px}.empleados-chatheader__menu-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);min-width:40px;height:40px}.empleados-chatheader__menu-btn:hover{background:var(--neotec-primary-alpha);border-color:var(--neotec-primary);color:var(--neotec-primary);transform:rotate(90deg)}.empleados-chatheader__menu-btn--active{background:var(--neotec-primary-alpha);border-color:var(--neotec-primary);color:var(--neotec-primary)}.empleados-chatheader__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;min-width:180px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .2s ease-out}.empleados-chatheader__menu-item{width:100%;background:transparent;color:var(--text-primary);border:none;padding:14px 18px;cursor:pointer;text-align:left;font-size:14px;display:flex;align-items:center;gap:10px;transition:all var(--transition-speed);font-weight:500;border-bottom:1px solid var(--border-color)}.empleados-chatheader__menu-item:last-child{border-bottom:none}.empleados-chatheader__menu-item:hover{background:var(--neotec-primary-alpha);color:var(--neotec-primary);padding-left:22px}.empleados-chatheader__menu-item--edit:hover{background:#28a7451a;color:var(--neotec-accent)}.empleados-chatheader__menu-item--service:hover{background:#17a2b81a;color:var(--neotec-secondary)}.empleados-chatheader__menu-item--budget:hover{background:#0056b31a;color:var(--neotec-primary)}.empleados-chatheader__menu-item--tags:hover{background:#ff95001a;color:#ff9500}.empleados-chatheader__menu-item--derive:hover{background:#28a7451a;color:var(--neotec-accent)}.empleados-chatheader__menu-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}@keyframes pulse-voice{0%{box-shadow:0 2px 8px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 16px #ff6b6b80;transform:scale(1.02)}to{box-shadow:0 2px 8px #ff6b6b4d;transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.empleados-chatheader__container{padding:.8rem;gap:8px}.empleados-chatheader__avatar{width:36px;height:36px;margin-right:8px}.empleados-chatheader__name{font-size:15px}.empleados-chatheader__star{font-size:14px}.empleados-chatheader__stop-voice-btn{padding:6px 12px;font-size:12px}.empleados-chatheader__dropdown{min-width:160px}.empleados-chatheader__menu-item{padding:12px 16px;font-size:13px}}.empleados-chatinput__container{flex-shrink:0;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);transition:all var(--transition-speed)}.empleados-chatinput__media-buttons{display:flex;gap:8px;margin-bottom:12px;align-items:center;justify-content:space-around}.empleados-chatinput__media-btn{border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-speed);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.empleados-chatinput__media-btn:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 16px #00000040}.empleados-chatinput__media-input{display:none}.empleados-chatinput__media-btn--photo{background:linear-gradient(135deg,var(--neotec-accent),#f59e0b);color:#fff}.empleados-chatinput__media-btn--photo:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.empleados-chatinput__media-btn--video{background:linear-gradient(135deg,#ff6b35,#e55039);color:#fff}.empleados-chatinput__media-btn--video:hover{background:linear-gradient(135deg,#e55039,#d63031)}.empleados-chatinput__media-btn--document{background:linear-gradient(135deg,var(--neotec-secondary),#357abd);color:#fff}.empleados-chatinput__media-btn--document:hover{background:linear-gradient(135deg,#357abd,#2c5aa0)}.empleados-chatinput__media-btn--voice{background:linear-gradient(135deg,#9c27b0,#8e24aa);color:#fff;transition:all var(--transition-speed)}.empleados-chatinput__media-btn--voice:hover{background:linear-gradient(135deg,#8e24aa,#7b1fa2)}.empleados-chatinput__media-btn--voice-recording{background:linear-gradient(135deg,#f44,#d32f2f);animation:voice-pulse 1s infinite}.empleados-chatinput__recording-time{background:linear-gradient(135deg,#f44,#d32f2f);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #ff44444d}.empleados-chatinput__input-area{display:flex;gap:8px;align-items:center}.empleados-chatinput__text-input{flex:1;padding:10px 16px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:all var(--transition-speed);resize:none;min-height:40px;max-height:120px;line-height:1.4}.empleados-chatinput__text-input:focus{border-color:var(--neotec-primary);box-shadow:0 0 0 3px var(--neotec-primary-alpha);background:var(--bg-primary)}.empleados-chatinput__text-input::placeholder{color:var(--text-tertiary);opacity:.7}.empleados-chatinput__send-btn{background:linear-gradient(135deg,var(--neotec-accent),var(--neotec-primary));color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all var(--transition-speed);box-shadow:0 2px 8px #25d3664d}.empleados-chatinput__send-btn:hover:not(:disabled){transform:scale(1.1) translateY(-1px);box-shadow:0 4px 16px #25d36666}.empleados-chatinput__send-btn:disabled{background:var(--color-neutral);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.empleados-chatinput__cancel-btn{background:linear-gradient(135deg,#666,#555);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all var(--transition-speed);box-shadow:0 2px 8px #0003}.empleados-chatinput__cancel-btn:hover{background:linear-gradient(135deg,#555,#444);transform:scale(1.1) translateY(-1px);box-shadow:0 4px 16px #0000004d}.empleados-chatinput__container--recording{background:linear-gradient(135deg,rgba(255,68,68,.1),var(--bg-secondary));border-top-color:#f44;animation:recording-glow 2s ease-in-out infinite}@keyframes voice-pulse{0%{transform:scale(1);box-shadow:0 2px 8px #9c27b04d}50%{transform:scale(1.05);box-shadow:0 4px 16px #9c27b080}to{transform:scale(1);box-shadow:0 2px 8px #9c27b04d}}@keyframes recording-glow{0%,to{box-shadow:inset 0 0 0 1px #f443}50%{box-shadow:inset 0 0 0 2px #f446}}@media (max-width: 768px){.empleados-chatinput__container{padding:12px}.empleados-chatinput__media-buttons{gap:6px;margin-bottom:10px}.empleados-chatinput__media-btn{width:32px;height:32px;font-size:14px}.empleados-chatinput__text-input{padding:8px 12px;font-size:13px;min-height:36px}.empleados-chatinput__send-btn,.empleados-chatinput__cancel-btn{width:36px;height:36px;font-size:14px}.empleados-chatinput__recording-time{font-size:11px;padding:2px 6px}}@media (max-width: 480px){.empleados-chatinput__media-buttons{gap:4px;flex-wrap:wrap;justify-content:center}.empleados-chatinput__media-btn{width:28px;height:28px;font-size:12px}.empleados-chatinput__input-area{gap:6px}.empleados-chatinput__send-btn,.empleados-chatinput__cancel-btn{width:32px;height:32px;font-size:12px}}.empleados-encomienda-status.entrega-dia{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.empleados-encomienda-status.entrega-normal{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.modal-overlay-producto{z-index:100000!important;isolation:isolate!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:auto!important}.modal-overlay-catalogo{z-index:100001!important;isolation:isolate!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:auto!important}.modal-overlay-agregar-producto{z-index:100002!important;isolation:isolate!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:auto!important}.modal-open{overflow:hidden!important}.modal-open .portal-header{z-index:99!important}.modal-open .themeSwitch{z-index:99998!important}@media (min-width: 769px){.empleados-modalbuscarproductos-body{display:flex!important;flex-direction:row!important;gap:15px!important;height:100%!important}.empleados-modalbuscarproductos-search-bar{order:unset;width:auto!important;margin-bottom:15px}.empleados-modalbuscarproductos-list-container{order:unset;width:auto!important;height:100%!important;flex:1!important;margin-bottom:0;overflow-y:auto!important;overflow-x:hidden!important;border:none!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-sidebar{order:unset;width:320px!important;max-height:100%!important;height:100%!important;border-top:none!important;border-right:1px solid #ddd!important;padding-top:0!important;margin-bottom:0!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-mobile-toggle{display:none!important}.empleados-modalbuscarproductos-products-area{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-products-main{height:100%!important;max-height:100%!important;flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}}@media (max-width: 768px){.empleados-modalbuscarproductos-body{flex-direction:column!important;gap:0!important}.empleados-modalbuscarproductos-search-bar{order:-1!important;width:100%!important;margin-bottom:5px;padding:0!important}.empleados-modalbuscarproductos-list-container{order:1!important;width:100%!important;height:65vh;margin-bottom:5px;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd;border-radius:6px;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-products-area{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-sidebar{order:2!important;width:100%!important;max-height:250px;border-top:1px solid #ddd;border-right:none;padding-top:5px;overflow-y:auto;margin-bottom:0;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.empleados-modalbuscarproductos-mobile-toggle{display:flex!important;width:100%;padding:12px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:500;color:#495057;transition:all .2s ease}.empleados-modalbuscarproductos-mobile-toggle:hover{background:#e9ecef}.empleados-modalbuscarproductos-mobile-toggle-icon{transition:transform .2s ease}.empleados-modalbuscarproductos-mobile-toggle-icon.collapsed{transform:rotate(-90deg)}.empleados-modalbuscarproductos-sidebar.collapsed{display:none!important;margin-bottom:0!important}.empleados-modalbuscarproductos-sidebar.collapsed+.empleados-modalbuscarproductos-list-container,.empleados-modalbuscarproductos-body:has(.empleados-modalbuscarproductos-sidebar.collapsed) .empleados-modalbuscarproductos-list-container{height:75vh!important;margin-bottom:0!important}.empleados-modalbuscarproductos-mobile-toggle{display:none}}@media (min-width: 769px){.empleados-modalbuscarproductos-mobile-toggle{display:none!important}}.empleados-modal-notificar-clientes{width:90%;max-width:600px;max-height:80vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.empleados-modal-notificar-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.empleados-modal-notificar-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm)}.empleados-modal-notificar-close-btn{background:transparent;border:none;color:#fff;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.empleados-modal-notificar-close-btn:hover{background:#fff3;transform:scale(1.1)}.empleados-modal-notificar-close-btn:disabled{opacity:.5;cursor:not-allowed}.empleados-modal-notificar-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.empleados-modal-notificar-info{background:var(--bg-info);border:1px solid var(--border-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.empleados-modal-notificar-info p{margin:0;color:var(--text-info);font-size:var(--font-size-sm);line-height:1.5}.empleados-modal-notificar-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.empleados-modal-notificar-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.empleados-modal-notificar-field label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.empleados-modal-notificar-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);resize:vertical;min-height:120px;transition:all .3s ease}.empleados-modal-notificar-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.empleados-modal-notificar-textarea:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.7}.empleados-modal-notificar-counter{color:var(--text-secondary);font-size:var(--font-size-xs);text-align:right}.empleados-modal-notificar-mode-selector{margin-bottom:var(--spacing-lg)}.empleados-modal-notificar-mode-selector label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.empleados-modal-notificar-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs);border:2px solid var(--border-primary)}.empleados-modal-notificar-toggle-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;background:transparent;color:var(--text-secondary)}.empleados-modal-notificar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.empleados-modal-notificar-toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #f973164d}.empleados-modal-notificar-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.empleados-modal-notificar-error{background:var(--bg-danger);border:1px solid var(--border-danger);color:var(--text-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.empleados-modal-notificar-success{background:var(--bg-success);border:1px solid var(--border-success);color:var(--text-success);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.empleados-modal-notificar-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;flex-shrink:0}.empleados-modal-notificar-btn-cancel{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.empleados-modal-notificar-btn-cancel:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.empleados-modal-notificar-btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.empleados-modal-notificar-btn-send{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);min-width:160px;justify-content:center}.empleados-modal-notificar-btn-send:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.empleados-modal-notificar-btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}.empleados-modal-notificar-btn-send .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empleados-modal-notificar-stats{background:#f8f9fa;border:1px solid #e3e6ea;border-radius:8px;padding:16px;margin-bottom:20px}.empleados-modal-notificar-stats-grid{display:flex;gap:20px;margin-bottom:16px;justify-content:center}.empleados-modal-notificar-stat{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.empleados-modal-notificar-stat-number{font-size:24px;font-weight:700;color:#007bff}.empleados-modal-notificar-stat-label{font-size:12px;color:#6c757d;margin-top:4px}.empleados-modal-notificar-toggle-users{width:100%;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.empleados-modal-notificar-toggle-users:hover:not(:disabled){background:#0056b3}.empleados-modal-notificar-toggle-users:disabled{background:#6c757d;cursor:not-allowed}.empleados-modal-notificar-users{border:1px solid #e3e6ea;border-radius:8px;margin-bottom:20px;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.empleados-modal-notificar-users-header{background:#f8f9fa;border-bottom:1px solid #e3e6ea;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.empleados-modal-notificar-users-header h4{margin:0;font-size:16px;color:#343a40}.empleados-modal-notificar-users-actions{display:flex;gap:8px}.empleados-modal-notificar-btn-select-all,.empleados-modal-notificar-btn-select-none,.empleados-modal-notificar-btn-refresh{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.empleados-modal-notificar-btn-select-all{background:#28a745;color:#fff}.empleados-modal-notificar-btn-select-all:hover:not(:disabled){background:#218838}.empleados-modal-notificar-btn-select-none{background:#dc3545;color:#fff}.empleados-modal-notificar-btn-select-none:hover:not(:disabled){background:#c82333}.empleados-modal-notificar-btn-refresh{background:#17a2b8;color:#fff}.empleados-modal-notificar-btn-refresh:hover:not(:disabled){background:#138496}.empleados-modal-notificar-btn-select-all:disabled,.empleados-modal-notificar-btn-select-none:disabled,.empleados-modal-notificar-btn-refresh:disabled{background:#6c757d;cursor:not-allowed}.empleados-modal-notificar-users-list{flex:1;overflow-y:auto;max-height:240px}.empleados-modal-notificar-user-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.empleados-modal-notificar-user-item:last-child{border-bottom:none}.empleados-modal-notificar-user-item:hover:not(.disabled){background:#f8f9fa}.empleados-modal-notificar-user-item.selected{background:#e3f2fd;border-left:4px solid #007bff}.empleados-modal-notificar-user-item.disabled{opacity:.5;cursor:not-allowed}.empleados-modal-notificar-user-checkbox{width:20px;margin-right:12px}.empleados-modal-notificar-user-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.empleados-modal-notificar-user-info{flex:1}.empleados-modal-notificar-user-name{font-weight:500;color:#343a40;margin-bottom:4px}.empleados-modal-notificar-user-details{display:flex;flex-direction:column;gap:2px}.empleados-modal-notificar-user-details span{font-size:12px;color:#6c757d}.empleados-modal-notificar-user-type{padding:2px 6px;border-radius:12px;font-size:10px!important;font-weight:500;text-transform:uppercase;align-self:flex-start}.empleados-modal-notificar-user-type.empleado{background:#d4edda;color:#155724}.empleados-modal-notificar-user-type.cliente{background:#cce5ff;color:#004085}.empleados-modal-notificar-user-type.visitante{background:#f8d7da;color:#721c24}.empleados-modal-notificar-no-users{padding:40px 20px;text-align:center;color:#6c757d}.spinner.small{width:12px;height:12px;border-width:1px}@media (max-width: 768px){.empleados-modal-notificar-clientes{width:95%;max-height:85vh}.empleados-modal-notificar-buttons{flex-direction:column}.empleados-modal-notificar-btn-cancel,.empleados-modal-notificar-btn-send{width:100%;justify-content:center}}.empleados-modalbuscarproductos-camera-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.empleados-modalbuscarproductos-camera-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.empleados-modalbuscarproductos-camera-header{background:var(--color-primary);color:#fff;padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.empleados-modalbuscarproductos-camera-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.empleados-modalbuscarproductos-camera-close{background:transparent;border:none;color:#fff;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.empleados-modalbuscarproductos-camera-close:hover{background:#fff3;transform:scale(1.1)}.empleados-modalbuscarproductos-camera-content{padding:var(--spacing-lg);flex:1}.empleados-modalbuscarproductos-camera-preview{margin-bottom:var(--spacing-lg)}.empleados-modalbuscarproductos-camera-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);flex-wrap:wrap}.empleados-modalbuscarproductos-camera-capture,.empleados-modalbuscarproductos-camera-upload-file{background:var(--color-primary);border:none;color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);min-width:140px;justify-content:center}.empleados-modalbuscarproductos-camera-capture:hover:not(:disabled),.empleados-modalbuscarproductos-camera-upload-file:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.empleados-modalbuscarproductos-camera-capture:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;transform:none}.empleados-modalbuscarproductos-camera-upload-file{background:var(--color-success)}.empleados-modalbuscarproductos-camera-upload-file:hover{background:var(--color-success-hover)}.empleados-modalbuscarproductos-camera-previews{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-primary)}.empleados-modalbuscarproductos-camera-previews h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.empleados-modalbuscarproductos-camera-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.empleados-modalbuscarproductos-camera-preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary)}.empleados-modalbuscarproductos-camera-preview-actions{display:flex;gap:var(--spacing-xs)}.empleados-modalbuscarproductos-camera-upload,.empleados-modalbuscarproductos-camera-delete{background:var(--color-primary);border:none;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.empleados-modalbuscarproductos-camera-upload:hover:not(:disabled){background:var(--color-primary-hover)}.empleados-modalbuscarproductos-camera-upload:disabled{background:var(--bg-disabled);cursor:not-allowed}.empleados-modalbuscarproductos-camera-delete{background:var(--color-danger)}.empleados-modalbuscarproductos-camera-delete:hover{background:var(--color-danger-hover)}@media (max-width: 768px){.empleados-modalbuscarproductos-camera-modal{max-width:95vw;max-height:95vh}.empleados-modalbuscarproductos-camera-controls{flex-direction:column;align-items:center}.empleados-modalbuscarproductos-camera-capture,.empleados-modalbuscarproductos-camera-upload-file{width:100%;max-width:200px}.empleados-modalbuscarproductos-camera-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@keyframes flipHorizontal{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(.8)}to{transform:rotateY(180deg)}}@keyframes flipButton{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.flip-animation{animation:flipHorizontal .6s ease-in-out}.notificacion-cartel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.notificacion-cartel-overlay.salida{animation:fadeOut .3s ease-out}.notificacion-cartel{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;border:3px solid var(--color-primary);animation:slideInUp .3s ease-out;transform:scale(1)}.notificacion-cartel.salida{animation:slideOutDown .3s ease-out;transform:scale(.9)}.notificacion-cartel-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.notificacion-cartel-icono{font-size:2rem;flex-shrink:0}.notificacion-cartel-titulo{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.notificacion-cartel-cerrar{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.notificacion-cartel-cerrar:hover{background:#ffffff4d;transform:scale(1.1)}.notificacion-cartel-mensaje{padding:var(--spacing-xl);font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);text-align:center;white-space:pre-line}.notificacion-cartel-footer{padding:var(--spacing-lg);display:flex;justify-content:center;border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.notificacion-cartel-btn-entendido{background:var(--color-primary);border:none;color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;min-width:120px}.notificacion-cartel-btn-entendido:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.notificacion-cartel.success{border-color:#10b981}.notificacion-cartel.success .notificacion-cartel-header{background:linear-gradient(135deg,#10b981,#059669)}.notificacion-cartel.success .notificacion-cartel-btn-entendido{background:#10b981}.notificacion-cartel.success .notificacion-cartel-btn-entendido:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.notificacion-cartel.warning{border-color:#f59e0b}.notificacion-cartel.warning .notificacion-cartel-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.notificacion-cartel.warning .notificacion-cartel-btn-entendido{background:#f59e0b}.notificacion-cartel.warning .notificacion-cartel-btn-entendido:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.notificacion-cartel.error{border-color:#ef4444}.notificacion-cartel.error .notificacion-cartel-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.notificacion-cartel.error .notificacion-cartel-btn-entendido{background:#ef4444}.notificacion-cartel.error .notificacion-cartel-btn-entendido:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(50px) scale(.9);opacity:0}}@media (max-width: 768px){.notificacion-cartel{margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.notificacion-cartel-mensaje{padding:var(--spacing-lg);font-size:var(--font-size-sm)}.notificacion-cartel-header,.notificacion-cartel-footer{padding:var(--spacing-md)}}.flip-button{animation:flipButton .3s ease-in-out}.camera-modal-overlay{font-family:var(--font-family-sans)}.camera-modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}.camera-modal-content h3{background:linear-gradient(90deg,var(--neotec-primary) 0%,var(--color-success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.camera-modal-content video{border:2px solid rgba(37,211,102,.3);box-shadow:0 8px 32px #0000004d}.camera-modal-content button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@media (max-width: 768px){.camera-modal-content{margin:10px;padding:15px;max-width:calc(100vw - 20px)}.camera-modal-content h3{font-size:16px}.camera-modal-content button{padding:10px 16px;font-size:13px}}.btn-acceder-portal{position:relative;overflow:hidden;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@media (min-width: 769px){.btn-acceder-portal{animation:pulseSubtle 3s ease-in-out infinite}@keyframes pulseSubtle{0%,to{transform:scale(1);box-shadow:0 4px 12px #3b82f640}50%{transform:scale(1.02);box-shadow:0 8px 25px #3b82f666}}}@media (max-width: 768px){.btn-acceder-portal{min-width:120px!important;min-height:44px!important;padding:var(--spacing-md)!important;font-size:14px!important;font-weight:600!important;border-radius:var(--radius-lg)!important;display:flex!important;align-items:center!important;gap:var(--spacing-xs)!important;animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-info) 0%,#4F46E5 100%)!important;box-shadow:0 6px 24px #3b82f64d,0 0 0 1px #ffffff1a inset!important}.btn-acceder-portal .btn-text{display:inline!important;font-size:14px!important;font-weight:600!important}.btn-acceder-portal:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 32px #3b82f680,0 0 0 1px #fff3 inset!important}.btn-acceder-portal:active{transform:translateY(-1px) scale(1.01)!important}@keyframes pulseGlow{0%,to{box-shadow:0 6px 24px #3b82f64d,0 0 0 1px #ffffff1a inset}50%{box-shadow:0 8px 32px #3b82f680,0 0 15px #3b82f64d,0 0 0 1px #fff3 inset}}}@media (max-width: 480px){.btn-acceder-portal{min-width:130px!important;min-height:44px!important;padding:var(--spacing-md)!important;font-size:14px!important;border-radius:var(--radius-lg)!important;animation:pulseBounce 2.5s ease-in-out infinite}.btn-acceder-portal .btn-text{font-weight:600!important;display:inline!important;font-size:14px!important}@keyframes pulseBounce{0%,to{transform:scale(1);box-shadow:0 6px 24px #3b82f64d,0 0 0 1px #ffffff1a inset}25%{transform:scale(1.01)}50%{transform:scale(1.03);box-shadow:0 10px 35px #3b82f699,0 0 20px #3b82f666,0 0 0 1px #ffffff4d inset}75%{transform:scale(1.01)}}}.btn-acceder-portal:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-acceder-portal:active:before{width:300px;height:300px}.btn-acceder-portal:focus{outline:none;box-shadow:0 8px 32px #3b82f666,0 0 0 3px #3b82f680!important}@media (prefers-reduced-motion: reduce){.btn-acceder-portal{animation:none!important}.btn-acceder-portal:hover{transform:none!important}}#root,.App,.empleados-app-container,.cliente-panel,.notranslate,[translate=no],.precio,.codigo-producto,.numero-pedido,.numero-orden,.fecha,.telefono,.email,.direccion,.nombre-cliente,.nombre-producto,.marca,.modelo,.btn,.button,.modal-title,.nav-link,.tab,.dropdown-item,.form-label,.table-header,.status,.badge,.tag,.tooltip,input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea,.cliente-id,.pedido-id,.producto-id,.orden-id,.tracking-number,.barcode,.qr-code,.serial-number,.reference-number,.toast,.alert,.notification,.error-message,.success-message,.warning-message,.table,.data-table,.grid,.list-item,.chat-message,.whatsapp-message,.message-content{translate:no!important}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pattern-lock-info{margin-top:10px;color:#1976d2;font-size:.95em;text-align:center}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.5}}.pattern-lock-container{display:flex;justify-content:center;align-items:center;padding:20px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.pattern-lock-container{padding:10px}.pattern-lock-info{font-size:.9em;margin-top:15px}}.ordenes-servicio-panel__loading-initial{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.ordenes-servicio-panel__loading-more{display:flex;align-items:center;justify-content:center;padding:2rem;gap:1rem;border-top:1px solid var(--border-light, #e5e7eb);margin-top:1rem}.ordenes-servicio-panel__loading-spinner{width:24px;height:24px;border:3px solid var(--border-light, #e5e7eb);border-top:3px solid var(--primary-color, #3b82f6);border-radius:50%;animation:ordenes-spin 1s linear infinite}.ordenes-servicio-panel__end-message{display:flex;justify-content:center;padding:2rem;color:var(--text-secondary, #6b7280);font-style:italic;border-top:1px solid var(--border-light, #e5e7eb);margin-top:1rem}.ordenes-servicio-panel__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;color:var(--error-color, #ef4444);text-align:center}.ordenes-servicio-panel__error button{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.ordenes-servicio-panel__error button:hover{background:var(--primary-hover, #2563eb)}@keyframes ordenes-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.ordenes-servicio-panel__loading-initial,.ordenes-servicio-panel__loading-more{padding:1.5rem}.ordenes-servicio-panel__loading-initial p,.ordenes-servicio-panel__loading-more p{font-size:.9rem}.ordenes-servicio-panel__end-message{padding:1.5rem}.ordenes-servicio-panel__end-message p{font-size:.9rem}}.ordenes-servicio-panel__table-container{scrollbar-width:thin;scrollbar-color:var(--border-light, #e5e7eb) transparent}.ordenes-servicio-panel__table-container::-webkit-scrollbar{width:8px}.ordenes-servicio-panel__table-container::-webkit-scrollbar-track{background:transparent}.ordenes-servicio-panel__table-container::-webkit-scrollbar-thumb{background:var(--border-light, #e5e7eb);border-radius:4px}.ordenes-servicio-panel__table-container::-webkit-scrollbar-thumb:hover{background:var(--border-dark, #d1d5db)}.scroll-sentinel{height:20px;width:100%;pointer-events:none;opacity:0}.ordenes-servicio-panel__fecha-entrega{font-size:11px;color:#666;margin-top:4px;padding:2px 6px;background:#25d3661a;border-radius:3px;border:1px solid rgba(37,211,102,.3);text-align:center;white-space:nowrap}