*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:#1f2937;background:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-success{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#065f46);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.card-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.card-subtitle{font-size:.9rem;color:#64748b}.card-body{margin-bottom:1rem}.card-footer{padding-top:1rem;border-top:1px solid #f1f5f9}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;transition:all .2s ease;background:#fff}.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;background:#fff;cursor:pointer;transition:all .2s ease}.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.alert{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;color:#065f46}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.alert-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}::selection{background:#3b82f633;color:#1e40af}::-moz-selection{background:#3b82f633;color:#1e40af}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{margin-bottom:20px}:root{--mexican-green: #006847;--mexican-red: #ce1126;--mexican-gold: #ffd700;--mexican-orange: #ff6b35;--mexican-terracotta: #c65d07;--mexican-blue: #004b87;--mexican-pink: #e91e63;--mexican-cream: #faf7f2;--mexican-brown: #8b4513;--bg-light: #faf7f2;--card-dark: #2d3748;--text-light: #ffffff;--text-muted: #a0aec0;--input-bg: #4a5568;--border-color: #4a5568}.mexican-auth-container{min-height:100vh;background:var(--bg-light) url(https://obs-fidelia.obs.la-north-2.myhuaweicloud.com/fidelia-front/fondo%20-%20auth.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;width:100%;overflow-x:hidden;position:relative}.mexican-auth-container:before{content:"";position:absolute;inset:0;background:#faf7f2d9;z-index:1;pointer-events:none}.auth-layout{position:relative;z-index:2}.auth-layout{display:flex;max-width:1200px;width:100%;align-items:stretch;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:20px;overflow:hidden;box-sizing:border-box;position:relative;z-index:2}.auth-image-section{flex:1.5;display:flex;align-items:center;justify-content:center;position:relative}.auth-hero-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.auth-hero-image:hover{transform:scale(1.02)}.register-layout{align-items:stretch;height:100vh}.register-layout .auth-image-section{height:100vh}.register-layout .auth-hero-image{height:100vh;object-fit:cover}.register-layout .mexican-auth-card{height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--mexican-green) #f0f0f0}.register-layout .mexican-auth-card::-webkit-scrollbar{width:8px}.register-layout .mexican-auth-card::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.register-layout .mexican-auth-card::-webkit-scrollbar-thumb{background:var(--mexican-green);border-radius:4px}.register-layout .mexican-auth-card::-webkit-scrollbar-thumb:hover{background:var(--mexican-red)}.mexican-auth-card{background:#f7fafc;padding:40px;flex:1;position:relative;overflow:hidden;min-width:400px;z-index:10}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 8px;letter-spacing:-.025em}.auth-subtitle{font-size:15px;color:#4a5568;margin:0;font-weight:400}.auth-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.auth-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:16px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.auth-option-btn.primary{background:linear-gradient(135deg,var(--mexican-green) 0%,var(--mexican-blue) 100%);color:#fff;box-shadow:0 4px 12px #0068474d}.auth-option-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00684766}.auth-option-btn.secondary{background:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.auth-option-btn.secondary:hover{background:#cbd5e0;transform:translateY(-1px)}.option-icon{font-size:16px;font-weight:700}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#cbd5e0,transparent)}.auth-divider span{background:#f7fafc;color:#4a5568;padding:0 16px;font-size:13px;position:relative;z-index:1}.mexican-form{margin-bottom:24px}.mexican-form-group{margin-bottom:20px}.mexican-form-label{display:block;color:#4a5568;font-size:13px;font-weight:600;margin-bottom:8px;text-align:left}.mexican-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.mexican-input-icon{position:absolute;left:16px;font-size:16px;color:#718096;z-index:2}.mexican-input{width:100%;padding:14px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:15px;transition:all .2s ease;outline:none;box-sizing:border-box}.mexican-input-wrapper .mexican-input{padding:14px 16px 14px 44px}.mexican-input::placeholder{color:#a0aec0}.mexican-input:focus{border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a;background:#fff}.mexican-select{width:100%;padding:14px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:15px;transition:all .2s ease;outline:none;box-sizing:border-box}.mexican-select:focus{border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a}.mexican-select option{background:#fff;color:#2d3748}.password-toggle{position:absolute;right:16px;background:none;border:none;color:#718096;cursor:pointer;font-size:14px;padding:4px;z-index:2;transition:color .2s ease}.password-toggle:hover{color:#4a5568}.mexican-error{background:#ce112626;border:1px solid rgba(206,17,38,.3);color:#fc8181;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px;text-align:center}.mexican-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ce11264d}.mexican-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ce112666}.mexican-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon{font-size:18px;font-weight:700}.mexican-terms{text-align:center;color:#4a5568;font-size:11px;line-height:1.4;margin:0}.mexican-checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mexican-checkbox{width:18px;height:18px;border:2px solid var(--mexican-green);border-radius:4px;background:#fff;cursor:pointer;position:relative;appearance:none;transition:all .2s ease}.mexican-checkbox:checked{background:var(--mexican-green);border-color:var(--mexican-green)}.mexican-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.mexican-checkbox:hover{border-color:var(--mexican-red);box-shadow:0 0 0 3px #0068471a}.mexican-checkbox-label{color:#2d3748;font-size:.9rem;font-weight:500}.mexican-link{color:var(--mexican-gold);text-decoration:none;font-weight:500;transition:color .2s ease}.mexican-link:hover{color:var(--mexican-orange)}.mexican-form-section{margin-bottom:24px;padding-bottom:20px}.mexican-form-section:last-child{margin-bottom:0;padding-bottom:0}.mexican-section-title{color:var(--mexican-green);font-size:16px;font-weight:700;margin:0 0 20px;text-align:left;border-bottom:2px solid var(--mexican-green);padding-bottom:8px}.mexican-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mexican-form-grid .mexican-form-group{margin-bottom:16px}@media (max-width: 768px){.mexican-auth-container{padding:10px;align-items:flex-start}.auth-layout{flex-direction:column;max-width:100%;width:100%;margin:0}.auth-image-section{order:-1;height:200px;position:static;width:100%}.auth-hero-image{border-radius:0;width:100%;height:200px}.mexican-auth-card{width:100%;box-sizing:border-box}.register-layout{flex-direction:column;height:auto}.register-layout .auth-image-section{height:200px}.register-layout .auth-hero-image{height:200px;object-fit:cover}.register-layout .mexican-auth-card{height:auto;overflow-y:visible}}@media (max-width: 480px){.mexican-auth-container{padding:5px}.mexican-auth-card{padding:24px 16px;width:100%;box-sizing:border-box}.auth-title{font-size:22px}.auth-options{grid-template-columns:1fr;gap:8px}.mexican-form-grid{grid-template-columns:1fr;gap:12px}.auth-image-section{height:150px}.register-layout .auth-image-section{height:200px}.register-layout .auth-hero-image{height:200px;object-fit:cover}.mexican-input,.mexican-select{font-size:16px}}.btn-spinner{font-size:18px;font-weight:700;animation:spin 1s linear infinite}.verification-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.email-display{background:#f8fafc;padding:.75rem 1rem;border-radius:8px;font-weight:600;color:var(--mexican-green);margin:1rem 0;border:2px solid #e2e8f0;word-break:break-all}.verification-note{color:#6b7280;font-size:.85rem;margin-top:.5rem;font-style:italic}.verification-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.resend-section{text-align:center;padding:1.5rem;background:#fef3c7;border-radius:8px;border:1px solid #fcd34d}.resend-text{color:#92400e;margin-bottom:.75rem;font-size:.9rem;font-weight:500}.resend-btn{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.resend-btn:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.resend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-section{text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb}.back-btn{background:none;border:1px solid #d1d5db;color:#6b7280;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.back-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.help-text{color:#f59e0b;font-size:.85rem;text-align:center;margin-top:.5rem;font-weight:500}@media (max-width: 480px){.verification-icon{font-size:3rem}.email-display{font-size:.9rem;padding:.625rem}.verification-actions{gap:1rem}.resend-section{padding:1rem}}.programa-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;border:4px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.programa-card.active{border-color:#10b981;box-shadow:0 10px 30px #10b98126}.programa-card.inactive{border-color:#ef4444;box-shadow:0 10px 30px #ef444426}.programa-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.programa-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.programa-card-info h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;line-height:1.4}.programa-card-info p{font-size:.9rem;color:#64748b;line-height:1.5}.programa-status{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.programa-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #34d399}.programa-status.inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #9ca3af}.programa-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.detail-label{font-size:.9rem;color:#64748b;font-weight:500}.detail-value{font-weight:600;color:#1e293b;font-size:.95rem}.detail-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.detail-badge.niveles{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #8b5cf6}.detail-badge.estampillas{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.reward-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.reward-label{font-size:.8rem;color:#92400e;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.reward-value{font-size:1rem;font-weight:700;color:#78350f;line-height:1.4}.niveles-table{display:flex;flex-direction:column;gap:.25rem}.nivel-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;line-height:1.2}.nivel-name{color:#78350f;font-weight:600;flex-shrink:0}.nivel-reward{color:#92400e;font-weight:500;text-align:right;font-size:.75rem}.qr-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.qr-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.qr-container{width:140px;height:140px;margin:0 auto 1rem;background:#fff;padding:.75rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative;z-index:2}.qr-container svg{width:100%;height:100%;border-radius:4px}.qr-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.qr-label{font-size:.8rem;color:#64748b;font-weight:500;margin:0}.download-qr-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d;display:flex;align-items:center;gap:.25rem}.download-qr-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.registration-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.registration-label{font-size:.8rem;color:#1d4ed8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.copy-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.copy-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.registration-url{font-size:.75rem;color:#1e40af;word-break:break-all;line-height:1.4;font-family:Monaco,Consolas,monospace}.card-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;justify-content:flex-end}.btn-primary{flex:1;color:#fff;border:none;padding:.875rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary.activate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-primary.activate:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-primary.deactivate{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-primary.deactivate:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-secondary{flex:1;border:2px solid #e5e7eb;background:#fff;color:#374151;padding:.875rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-secondary.activate{border-color:#10b981;color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.btn-secondary.activate:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-color:#059669}.btn-secondary.deactivate{border-color:#ef4444;color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.btn-secondary.deactivate:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626}@media (max-width: 768px){.programa-card{padding:1.5rem}.programa-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.card-actions{flex-direction:column}.btn-primary,.btn-secondary{padding:1rem}.qr-container{width:120px;height:120px}.qr-actions{gap:.75rem}.download-qr-btn{padding:.5rem 1rem;font-size:.8rem}.registration-header{flex-direction:column;gap:.5rem;align-items:flex-start}.copy-btn{align-self:flex-end}}.clientes-section{padding:2rem;background:var(--bg-light);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.clientes-header{background:var(--card-bg);color:var(--text-dark);padding:2rem;border-radius:0;margin-bottom:2rem;text-align:left;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0}.clientes-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.clientes-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.clientes-header p{font-size:1.1rem;opacity:.9;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-card-icon{padding:.5rem;border-radius:.5rem;background:linear-gradient(135deg,#0068471a,#00684733);color:var(--mexican-green)}.stat-card-value{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.stat-card-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stat-card-change.positive{color:#059669}.stat-card-change.neutral{color:#6b7280}.clientes-controls{background:var(--card-bg);padding:1.5rem;border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;margin-bottom:2rem;position:relative;overflow:hidden}.clientes-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.clientes-search{position:relative;margin-bottom:1rem}.clientes-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fafbfc}.clientes-search-input:focus{outline:none;border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a;background:#fff}.clientes-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.clientes-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.filter-group label{font-size:.875rem;font-weight:600;color:#374151}.filter-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;background:#fafbfc;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a;background:#fff}.clientes-table-container{background:var(--card-bg);border-radius:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;margin-bottom:2rem;position:relative}.clientes-table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%);z-index:1}.clientes-table{width:100%;border-collapse:collapse;font-size:.875rem}.clientes-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.clientes-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.clientes-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#6b7280;vertical-align:middle}.clientes-table tbody tr:hover{background:#f8fafc}.clientes-table tbody tr:last-child td{border-bottom:none}.clientes-pagination{text-align:center;margin-top:2rem}@media (max-width: 1024px){.clientes-table-container{overflow-x:auto}.clientes-table{min-width:800px}}@media (max-width: 768px){.clientes-controls{padding:1rem}.clientes-filters{grid-template-columns:1fr}.clientes-table{font-size:.75rem}.clientes-table th,.clientes-table td{padding:.75rem .5rem}}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.cliente-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.cliente-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.cliente-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cliente-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.cliente-info{flex:1;margin-left:1rem}.cliente-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.cliente-details{font-size:.875rem;color:#6b7280}.cliente-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cliente-status.completado{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.cliente-status.activo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.cliente-status.inactivo{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.cliente-progress{margin:1rem 0}.cliente-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cliente-progress-label{font-size:.875rem;font-weight:600;color:#374151}.cliente-progress-value{font-size:.875rem;font-weight:700;color:#3b82f6}.cliente-progress-bar{width:100%;height:.5rem;background:#f1f5f9;border-radius:9999px;overflow:hidden;position:relative}.cliente-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:9999px;transition:width .3s ease;position:relative}.cliente-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.cliente-actions{display:flex;gap:.5rem;margin-top:1rem}.cliente-action-btn{flex:1;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cliente-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cliente-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cliente-action-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.cliente-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.no-clientes{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden}.no-clientes:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.no-clientes-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:#9ca3af}.no-clientes h3{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}.no-clientes p{color:#6b7280;margin-bottom:2rem}.loading-state{display:flex;justify-content:center;align-items:center;padding:4rem}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;border:1px solid #fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.error-state h3{color:#991b1b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.error-state p{color:#dc2626;margin-bottom:2rem}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.clientes-section{padding:1rem}.clientes-header{padding:2rem 1.5rem}.clientes-header h2{font-size:1.5rem}.stats-grid,.clientes-grid{grid-template-columns:1fr;gap:1rem}.cliente-card{padding:1rem}}.suscripcion-section{padding:2rem;max-width:1200px;margin:0 auto;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.suscripcion-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;border:2px solid #e2e8f0;text-align:left}.suscripcion-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.suscripcion-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.suscripcion-subtitle{font-size:1.2rem;font-weight:400;color:var(--text-muted);margin:0;position:relative;z-index:2}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.section-subtitle{color:var(--text-muted);margin:0}.suscripcion-content{background:var(--card-bg, #f7fafc);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem}.suscripcion-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.suscripcion-card{background:var(--card-bg, #f7fafc);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden}.suscripcion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.plan-info{display:flex;align-items:flex-start;gap:1.5rem;flex:1}.plan-icon{font-size:3rem;background:linear-gradient(135deg,var(--mexican-green),var(--mexican-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.plan-details{flex:1}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 .5rem;letter-spacing:-.025em}.plan-precio{font-size:1.25rem;font-weight:600;color:var(--mexican-green);margin:0 0 .5rem;background:linear-gradient(135deg,var(--mexican-green),var(--mexican-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.restaurant-name{color:var(--text-muted);margin:0;font-size:.875rem;font-weight:500}.status-badge{padding:.75rem 1.5rem;border-radius:25px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.status-badge.activa{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981}.status-badge.prueba{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6}.status-badge.cancelada{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444}.status-badge.suspendida{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.card-content{display:flex;flex-direction:column;gap:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{background:#ffffffb3;padding:1.25rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--mexican-green)}.info-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mexican-green),var(--mexican-blue));opacity:0;transition:opacity .2s ease}.info-item:hover:before{opacity:1}.info-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.info-value{color:var(--text-dark);font-size:1.125rem;font-weight:600;line-height:1.2}.precio-destacado{font-size:1.5rem!important;font-weight:700!important;background:linear-gradient(135deg,var(--mexican-green),var(--mexican-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.days-remaining{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.days-remaining.expired{color:#dc2626;font-weight:500}.no-suscripcion{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:var(--card-bg);border-radius:12px;border:2px solid #e2e8f0;position:relative;overflow:hidden}.no-suscripcion:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green),var(--mexican-red),var(--mexican-gold))}.no-suscripcion-content{text-align:center;max-width:500px}.no-suscripcion-icon{font-size:4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--mexican-green),var(--mexican-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-suscripcion-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 1rem;letter-spacing:-.025em}.no-suscripcion-description{color:var(--text-muted);margin:0;line-height:1.6;font-size:1.1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;border:1px solid #fecaca}.restaurantes-list{background:#fffc;padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0;position:relative;overflow:hidden}.restaurantes-list:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mexican-green),var(--mexican-gold))}.restaurantes-list h5{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.1em}.restaurantes-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.restaurantes-list li{padding:.875rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:.875rem;font-weight:500;color:var(--text-dark);transition:all .2s ease;position:relative}.restaurantes-list li:hover{transform:translate(4px);border-color:var(--mexican-green);box-shadow:0 4px 12px #0000001a}.restaurantes-list li:before{content:"🏪";margin-right:.5rem}.usage-indicator{display:inline-block;margin-left:.75rem;padding:.375rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.usage-indicator.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981}.usage-indicator.full{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444}@media (max-width: 768px){.suscripcion-section{padding:1rem}.suscripcion-header{padding:1.5rem}.suscripcion-title{font-size:2rem}.suscripcion-subtitle{font-size:1rem}.suscripcion-content{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.plan-info{align-self:stretch;gap:1rem}.plan-icon{font-size:2.5rem}.plan-name{font-size:1.25rem}.plan-precio{font-size:1.125rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-item{padding:1rem}.precio-destacado{font-size:1.25rem!important}.restaurantes-list{padding:1rem}.restaurantes-list ul{gap:.5rem}.restaurantes-list li{padding:.75rem;font-size:.875rem}}@media (max-width: 480px){.suscripcion-section{padding:.75rem}.suscripcion-header{padding:1rem}.suscripcion-title{font-size:1.5rem}.suscripcion-content{padding:1rem}.status-badge{padding:.375rem .75rem;font-size:.75rem}}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{background:var(--card-bg);border-radius:0;padding:.5rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--mexican-gold) 100%}.dashboard-header-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:relative;z-index:2}.dashboard-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em}.dashboard-subtitle{font-size:1.2rem;font-weight:400;color:var(--text-muted);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a}.loading-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#666;font-size:1.1rem;font-weight:500}.error-container{background:#fef2f2;border-left:5px solid #ef4444;padding:1.5rem;border-radius:12px;box-shadow:0 5px 20px #ef44441a}.error-content{display:flex;align-items:flex-start}.error-icon{width:24px;height:24px;color:#ef4444;margin-right:1rem;flex-shrink:0}.error-title{color:#dc2626;font-weight:600;margin-bottom:.25rem}.error-message{color:#991b1b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .2s ease;border:2px solid #e2e8f0;position:relative;overflow:hidden}.stat-card-content{display:flex;align-items:center}.stat-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.stat-icon.success{background:linear-gradient(135deg,var(--mexican-green),#059669)}.stat-icon.info{background:linear-gradient(135deg,var(--mexican-blue),#2563eb)}.stat-icon.warning{background:linear-gradient(135deg,var(--mexican-orange),#d97706)}.stat-icon svg{width:28px;height:28px;color:#fff}.stat-details h4{color:#6b7280;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.stat-details p{color:#111827;font-size:1.5rem;font-weight:700}.content-section{background:var(--card-bg);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:1.5rem;border:2px solid #e2e8f0;position:relative;overflow:hidden}.content-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.section-title{color:#111827;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:0;border:2px solid #e2e8f0;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.empty-state-content{position:relative;z-index:2;max-width:500px;margin:0 auto}.empty-state-emoji{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.empty-state-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.empty-state-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.empty-state-btn{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ce11264d}.empty-state-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ce112666}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:3rem}.feature-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.feature-icon.blue{background:linear-gradient(135deg,var(--mexican-blue),#1d4ed8)}.feature-icon.green{background:linear-gradient(135deg,var(--mexican-green),#047857)}.feature-icon.purple{background:linear-gradient(135deg,var(--mexican-orange),#d97706)}.feature-icon svg{width:28px;height:28px;color:#fff}.feature-text{color:#374151;font-weight:600;font-size:.95rem}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-header-content{flex-direction:column;gap:1.5rem;text-align:center}.dashboard-title{font-size:2rem}.stats-grid,.features-grid{grid-template-columns:1fr}.empty-state{padding:2rem 1rem}.empty-state-title{font-size:1.5rem}}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.programs-grid{grid-template-columns:1fr;gap:1rem}}.section-header{margin-bottom:1.5rem}.section-header-with-nav{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.section-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.section-subtitle{color:#718096;font-size:1rem;margin:0}.pagination-nav{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;border:2px solid #e2e8f0}.nav-btn{width:2.5rem;height:2.5rem;border:none;border-radius:8px;background:#f7fafc;color:#4a5568;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--mexican-green);color:#fff;transform:translateY(-1px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn svg{width:1.25rem;height:1.25rem}.page-indicator{font-size:.875rem;font-weight:600;color:#4a5568;padding:0 .5rem;white-space:nowrap}.programs-summary{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.programs-count{font-size:.875rem;font-weight:600;color:#4a5568;margin:0 0 .25rem}.navigation-hint{font-size:.75rem;color:#718096;margin:0;font-style:italic}@media (max-width: 768px){.section-header-with-nav{flex-direction:column;align-items:stretch}.pagination-nav{justify-content:center}}.empty-state-action{margin:1.5rem 0;padding:1rem;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px}.empty-state-instruction{margin:0;font-size:1rem;color:#0369a1;text-align:center}.empty-state-instruction strong{color:#1e40af;font-weight:700}.stat-icon.total{background:linear-gradient(135deg,var(--mexican-blue),#764ba2)}.stat-icon.active{background:linear-gradient(135deg,var(--mexican-green),#059669)}.stat-icon.inactive{background:linear-gradient(135deg,var(--mexican-orange),#d97706)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-container{background:#fff;border-radius:20px;padding:2rem;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close-btn{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#6b7280;transform:rotate(90deg)}.program-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.program-type-card{position:relative;border:3px solid #e5e7eb;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.program-type-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#d1d5db}.program-type-card.selected{border-color:#006847;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 10px 30px #3b82f633}.program-type-card.disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.program-type-card.disabled:hover{transform:none;box-shadow:none}.radio-button{position:absolute;top:1rem;right:1rem;width:20px;height:20px;accent-color:#3b82f6}.program-preview{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;height:200px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.program-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:float 4s ease-in-out infinite}.preview-content{text-align:center;position:relative;z-index:2}.preview-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #3b82f64d}.preview-icon svg{width:40px;height:40px;color:#fff}.preview-text{font-size:.75rem;color:#6b7280;font-weight:500}.program-type-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.coming-soon-badge{font-size:.7rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .5rem;border-radius:20px;font-weight:600}.program-type-description{font-size:.95rem;color:#4b5563;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.btn-cancel{padding:.75rem 1.5rem;background:none;border:2px solid #e5e7eb;color:#6b7280;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.btn-create{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ce11264d;white-space:nowrap}.btn-create:hover:not(:disabled){background:#006847;transform:translateY(-2px)}.btn-create:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.modal-container{width:95%;padding:1.5rem;margin:1rem;max-height:90vh}.program-types-grid{grid-template-columns:1fr;gap:1rem}.modal-title{font-size:1.25rem}.program-preview{height:160px}.preview-icon{width:60px;height:60px}.preview-icon svg{width:30px;height:30px}.modal-actions{flex-direction:column}.btn-cancel,.btn-create{width:100%;padding:1rem}}.crear-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.crear-modal-container{background:#fff;padding:2rem;width:95%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out;position:relative}.crear-modal-grid .modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.left-col{display:flex;flex-direction:column}.right-col{display:flex;flex-direction:column;gap:1rem}.wallet-card{border-radius:24px!important;overflow:hidden!important;color:#fff!important;box-shadow:0 10px 30px #00000040!important;min-height:360px!important;position:relative!important;border:none!important;padding:0!important}.wallet-card *{box-sizing:border-box!important;color:#fff!important}.wallet-hero{width:100%!important;height:140px!important;overflow:hidden!important;margin:0!important;padding:0!important;background:none!important;border:none!important}.wallet-hero .hero-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;padding:0!important}.wallet-card .wallet-header{display:flex!important;align-items:center!important;gap:12px!important;padding:16px 20px 8px!important;background:none!important;border:none!important;margin:0!important}.wallet-card .wallet-logo{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}.wallet-card .wallet-logo.placeholder{width:28px!important;height:28px!important;border-radius:50%!important;background:#ffffff40!important}.wallet-card .wallet-issuer{font-size:13px!important;opacity:.95!important;font-weight:600!important;margin:0!important;padding:0!important;background:none!important;border:none!important;color:#fff!important}.wallet-card .wallet-title{font-size:24px!important;font-weight:700!important;padding:8px 20px 16px!important;margin:0!important;background:none!important;border:none!important;color:#fff!important}.wallet-card .wallet-info{padding:0 20px 16px!important;margin:0!important;background:none!important;border:none!important}.wallet-card .info-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:0!important;padding:0!important;background:none!important;border:none!important}.wallet-card .info-row-niveles{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;margin:0!important;padding:0!important;background:none!important;border:none!important}.wallet-card .info-item{display:flex!important;flex-direction:column!important;gap:4px!important;background:none!important;border:none!important;padding:0!important;border-radius:0!important;margin:0!important}.wallet-card .info-label{font-size:11px!important;opacity:.85!important;font-weight:500!important;margin:0!important;padding:0!important;background:none!important;border:none!important;color:#fff!important}.wallet-card .info-value{font-size:16px!important;font-weight:700!important;margin:0!important;padding:0!important;background:none!important;border:none!important;color:#fff!important}.wallet-card .wallet-qr{padding:20px!important;display:grid!important;place-items:center!important;border-bottom:1px solid rgba(255,255,255,.1)!important;margin:0!important;background:none!important}.wallet-card .qr-placeholder{width:140px!important;height:140px!important;border-radius:10px!important;background:#fff3!important;display:grid!important;place-items:center!important;font-weight:700!important;letter-spacing:2px!important;margin:0!important;padding:0!important;color:#fff!important}.wallet-card .qr-caption{font-size:11px!important;opacity:.85!important;margin-top:6px!important;padding:0!important;background:none!important;border:none!important;color:#fff!important}.preview-meta{font-size:12px;color:#374151}.color-row{display:flex;align-items:center;gap:.75rem}.color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px!important;height:50px!important;padding:0!important;border:2px solid #e5e7eb!important;border-radius:8px!important;background:none!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important}.color-input::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:6px}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.color-input::-moz-color-swatch{border:none;border-radius:6px}.color-input:hover{border-color:#d1d5db;transform:scale(1.05)}.color-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-row .color-text{flex:1!important;display:block!important;width:auto!important;height:50px!important;font-family:Courier New,monospace!important;font-size:.9rem!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#f9fafb!important;border:2px solid #e5e7eb!important;padding:.75rem 1rem!important;border-radius:8px!important;box-sizing:border-box!important}.color-row .color-text:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.color-row .color-text::placeholder{color:#9ca3af!important;text-transform:none!important;letter-spacing:normal!important}.crear-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.crear-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.75rem}.crear-modal-close-btn{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-modal-close-btn:hover{background:#f3f4f6;color:#6b7280;transform:rotate(90deg)}.error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;color:#991b1b;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.75rem}.error-alert:before{content:"⚠️";font-size:1.1rem;flex-shrink:0}.form-container{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.form-label.required:after{content:"*";color:#ef4444;font-weight:700}.form-input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fefefe}.form-input:hover:not(:focus){border-color:#d1d5db}.form-input::placeholder{color:#9ca3af;font-style:italic}.form-textarea{min-height:100px;resize:vertical;font-family:inherit;line-height:1.5}.form-select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select:hover:not(:focus){border-color:#d1d5db}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6;margin-top:1rem}.btn-cancel-crear{padding:.875rem 1.5rem;background:none;border:2px solid #e5e7eb;color:#6b7280;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-cancel-crear:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.btn-cancel-crear:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ce11264d;white-space:nowrap}.btn-submit:hover:not(:disabled){background:#006847;transform:translateY(-2px)}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-group.enhanced{position:relative}.form-group.enhanced .form-input:focus+.field-icon,.form-group.enhanced .form-select:focus+.field-icon{color:#3b82f6}.field-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;transition:color .2s ease;pointer-events:none}.help-text{font-size:.8rem;color:#6b7280;margin-top:.25rem;font-style:italic}.form-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #bae6fd;border-radius:12px;padding:1rem;text-align:center;margin-top:1rem}.preview-content{color:#0369a1;font-size:.9rem}.preview-content strong{color:#1e40af}.niveles-config-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.section-title{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem}.niveles-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.nivel-item{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:#f9fafb}.nivel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nivel-numero{font-weight:600;color:#374151}.btn-remove-nivel{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.btn-remove-nivel:hover{background:#fee2e2}.nivel-fields{display:flex;flex-direction:column;gap:.75rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field-col{display:flex;flex-direction:column}.field-label{font-size:.8rem;font-weight:500;color:#374151;margin-bottom:.25rem}.field-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;transition:border-color .2s}.field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-add-nivel{width:100%;padding:.75rem;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-nivel:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}@media (max-width: 640px){.crear-modal-container{width:98%;padding:1.5rem;margin:1rem}.crear-modal-grid .modal-columns{grid-template-columns:1fr}.crear-modal-title{font-size:1.25rem}.form-actions{flex-direction:column}.btn-cancel-crear,.btn-submit{width:100%;justify-content:center;padding:1rem}.field-row{grid-template-columns:1fr}}.ia-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ia-modal-container{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ia-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.ia-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.ia-modal-close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.ia-modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.ia-modal-body{padding:1.5rem}.ia-input-section{margin-bottom:1rem}.ia-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.ia-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.ia-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ia-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;background-color:#fff;cursor:pointer;transition:all .2s}.ia-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ia-help-text{margin-top:.5rem;font-size:.75rem;color:#6b7280}.ia-error-alert{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem;border-radius:8px;font-size:.875rem;margin-top:1rem}.ia-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.ia-footer-column{flex-direction:column;align-items:stretch}.ia-footer-buttons{display:flex;justify-content:flex-end;gap:.75rem}.ia-btn-primary,.ia-btn-secondary{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ia-btn-primary{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;box-shadow:0 4px 12px #ce11264d}.ia-btn-primary:hover:not(:disabled){background:#006847;transform:translateY(-2px);box-shadow:0 6px 16px #ce112666}.ia-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ia-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ia-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.ia-generating{padding:3rem 1.5rem}.ia-spinner-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ia-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ia-generating-text{color:#6b7280;font-size:.875rem;text-align:center;max-width:300px}.ia-preview{padding:1rem}.ia-preview-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.ia-preview-badge{display:inline-block;background:linear-gradient(135deg,var(--mexican-green) 0%,#059669 100%);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.ia-preview-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.ia-preview-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.ia-preview-details{background-color:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ia-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.ia-detail-item:not(:last-child){border-bottom:1px solid #f3f4f6}.ia-detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.ia-detail-value{font-size:.875rem;color:#111827;font-weight:600}.ia-niveles-preview{background-color:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ia-niveles-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.ia-nivel-item{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;margin-bottom:.5rem}.ia-nivel-item:last-child{margin-bottom:0}.ia-nivel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ia-nivel-titulo{font-weight:600;color:#111827;font-size:.875rem}.ia-nivel-escaneos{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.ia-nivel-beneficio{font-size:.875rem;color:var(--mexican-green);font-weight:500}.ia-razonamiento{background-color:#f0fdf4;border-left:4px solid var(--mexican-green);border-radius:8px;padding:1rem}.ia-razonamiento-title{font-size:.875rem;font-weight:600;color:var(--mexican-green);margin:0 0 .5rem}.ia-razonamiento-text{font-size:.875rem;color:#166534;line-height:1.5;margin:0}.ia-disclaimer{margin-top:1rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:500;text-align:center}.ia-current-program{background-color:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ia-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.ia-current-summary{font-size:.875rem;color:#6b7280}.ia-current-summary strong{color:#111827;display:block;margin-bottom:.25rem}.ia-current-summary p{margin:0}@media (max-width: 640px){.ia-modal-container{max-width:100%;max-height:100vh;border-radius:0}.ia-modal-title{font-size:1.25rem}.ia-footer-buttons{flex-direction:column}.ia-btn-primary,.ia-btn-secondary{width:100%}}.programas-section{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.programas-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}.programas-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.programas-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.programas-header-info{flex:1;min-width:250px}.programas-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.programas-subtitle{font-size:1.1rem;opacity:.9;font-weight:300}.create-program-btn{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.create-program-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 6px 16px #ce112666}.create-program-btn svg{width:20px;height:20px}.header-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.create-program-btn-ia{background:linear-gradient(135deg,var(--mexican-green) 0%,#059669 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 4px 12px #0068474d}.create-program-btn-ia:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #00684766}.create-program-btn-ia svg{width:20px;height:20px}.program-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.stat-card-content{display:flex;align-items:center;gap:1rem}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.stat-icon svg{width:28px;height:28px}.stat-icon.total{background:linear-gradient(135deg,var(--mexican-blue) 0%,#764ba2 100%)}.stat-icon.active{background:linear-gradient(135deg,var(--mexican-green) 0%,#059669 100%)}.stat-icon.inactive{background:linear-gradient(135deg,var(--mexican-orange) 0%,#d97706 100%)}.stat-details h4{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-details p{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.program-content{background:var(--card-bg);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden}.program-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.programs-list-header{margin-bottom:2rem;text-align:center}.programs-list-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.programs-list-subtitle{font-size:1rem;color:#64748b;margin:0}.programs-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.filter-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280;padding:1rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 1px 3px #0000001a}.filter-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.filter-btn.active{border-color:var(--mexican-green);background:#0068471a;color:var(--mexican-green);box-shadow:0 4px 12px #00684733}.filter-btn.active:hover{border-color:var(--mexican-green);background:#00684726}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-text{color:#64748b;font-size:1rem;margin:0}.error-container{display:flex;justify-content:center;padding:4rem 2rem}.error-content{display:flex;align-items:center;gap:1rem;padding:2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;max-width:500px}.error-icon{width:24px;height:24px;flex-shrink:0}.error-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.error-message{font-size:.875rem;margin:0}.program-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.status-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.status-card.inactive:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.status-card.creating:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.status-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.status-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.status-icon.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-icon.inactive{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.status-icon.creating{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.status-info h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.status-info p{font-size:.875rem;color:#64748b}.status-description{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.status-actions{display:flex;gap:.5rem}.status-btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.status-btn.primary{background:#006847;color:#fff}.status-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.status-btn.secondary{background:transparent;color:#64748b;border:1px solid #e5e7eb}.status-btn.secondary:hover{background:#f8fafc;color:#374151}.program-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden}.program-content-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.program-content-title{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.program-content-subtitle{color:#64748b;font-size:.9rem}.program-content-body{padding:2rem}.empty-program-state{text-align:center;padding:4rem 2rem}.empty-program-emoji{font-size:4rem;margin-bottom:1.5rem;display:block}.empty-program-title{font-size:1.8rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.empty-program-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-program-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.empty-program-btn{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ce11264d}.empty-program-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ce112666}.empty-program-btn svg{width:20px;height:20px}.empty-program-btn-ia{background:linear-gradient(135deg,var(--mexican-green) 0%,#059669 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0068474d}.empty-program-btn-ia:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00684766}.empty-program-btn-ia svg{width:20px;height:20px}.program-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.program-feature{text-align:center;padding:1rem}.program-feature-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.program-feature-icon.setup{background:linear-gradient(135deg,#004b871a,#004b8733);color:var(--mexican-blue)}.program-feature-icon.growth{background:linear-gradient(135deg,#0068471a,#00684733);color:var(--mexican-green)}.program-feature-icon.loyalty{background:linear-gradient(135deg,#ff6b351a,#ff6b3533);color:var(--mexican-orange)}.program-feature-text{font-size:.875rem;font-weight:500;color:#374151}.program-feature-icon svg{width:24px;height:24px}@media (max-width: 768px){.programas-section{padding:1rem}.programas-header{padding:1.5rem;border-radius:16px}.programas-header-content{flex-direction:column;align-items:stretch;text-align:center;gap:1.5rem}.programas-title{font-size:1.75rem}.programas-subtitle{font-size:1rem}.create-program-btn{padding:.875rem 1.25rem;font-size:.875rem;justify-content:center}.program-stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px}.stat-icon svg{width:24px;height:24px}.stat-details h4{font-size:.75rem}.stat-details p{font-size:1.5rem}.program-content{padding:1.5rem;border-radius:16px}.programs-list-title{font-size:1.5rem}.programs-filters{grid-template-columns:1fr;gap:.5rem}.filter-btn{padding:.75rem 1rem;border-radius:20px}.programs-grid{grid-template-columns:1fr;gap:1rem}.empty-program-state{padding:2rem 1rem}.empty-program-title{font-size:1.5rem}.empty-program-description{font-size:.875rem}.program-features{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.program-feature{padding:.75rem}.program-feature-icon{width:50px;height:50px}.program-feature-icon svg{width:20px;height:20px}}@media (max-width: 480px){.programas-header{padding:1rem}.programas-title{font-size:1.5rem}.program-stats-grid{gap:.75rem}.stat-card{padding:1rem}.programs-grid{gap:.75rem}}.config-section{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;border:2px solid #e2e8f0}.config-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.config-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.config-header-info{flex:1;min-width:250px}.config-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.config-subtitle{font-size:1.1rem;opacity:.9;font-weight:300}.config-user-info{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-avatar{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3)}.config-user-details h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.config-user-details p{font-size:.9rem;opacity:.8;margin:0}.config-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.config-error svg{width:20px;height:20px;flex-shrink:0}.config-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:1rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.config-success svg{width:20px;height:20px;flex-shrink:0}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.config-content{background:var(--card-bg);border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;overflow:hidden;position:relative}.config-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;overflow-x:auto}.config-tab{flex:1;min-width:120px;padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.config-tab svg{width:18px;height:18px}.config-tab:hover{background:#f1f5f9;color:#374151}.config-tab.active{background:#fff;color:var(--mexican-green);border-bottom:3px solid var(--mexican-green)}.config-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mexican-green),var(--mexican-red))}.config-tab-content{padding:2rem}.config-form-section{max-width:600px}.config-form-section h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.config-form-section p{color:#64748b;margin-bottom:2rem}.config-form-section.danger h3{color:#dc2626}.config-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small{color:#6b7280;font-size:.75rem}.config-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px}.config-btn:disabled{opacity:.6;cursor:not-allowed}.config-btn.primary{background:linear-gradient(135deg,var(--mexican-green) 0%,var(--mexican-blue) 100%);color:#fff;box-shadow:0 4px 12px #0068474d}.config-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #00684766}.config-btn.secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.config-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.config-btn.danger{background:linear-gradient(135deg,var(--mexican-red) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ce11264d}.config-btn.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ce112666}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.danger-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.danger-warning svg{width:24px;height:24px;color:#dc2626;flex-shrink:0;margin-top:.25rem}.danger-warning h4{font-size:1rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}.danger-warning p{color:#7f1d1d;font-size:.875rem;margin:0}.company-info{display:flex;flex-direction:column;gap:2rem}.company-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:2rem}.company-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.company-icon{width:60px;height:60px;background:#006847;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.company-icon svg{width:28px;height:28px}.company-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.company-header p{color:#64748b;font-size:.875rem;margin:0}.company-details{display:grid;gap:1.5rem}.company-detail{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.company-detail svg{width:20px;height:20px;color:#667eea;flex-shrink:0}.company-detail div{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:#1e293b;font-weight:500}.support-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:2rem;text-align:center}.support-info h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.support-info p{color:#64748b;margin-bottom:1.5rem}.support-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.support-actions a{text-decoration:none}.password-warning{color:#f59e0b;font-size:.875rem;font-weight:500;margin-top:.5rem;text-align:center}@media (max-width: 768px){.config-section{padding:1rem}.config-header{padding:1.5rem;border-radius:16px}.config-header-content{flex-direction:column;align-items:stretch;text-align:center;gap:1.5rem}.config-title{font-size:1.75rem}.config-subtitle{font-size:1rem}.config-user-info{justify-content:center}.config-content{border-radius:16px}.config-tabs{flex-wrap:wrap}.config-tab{min-width:100px;padding:.75rem 1rem;font-size:.875rem}.config-tab svg{width:16px;height:16px}.config-tab-content{padding:1.5rem}.config-form-section h3{font-size:1.25rem}.company-details{gap:1rem}.company-detail{padding:.75rem}.support-actions{flex-direction:column}.support-actions a{width:100%;justify-content:center}.support-actions svg{width:16px;height:16px}.config-btn{width:100%;justify-content:center}}.empleados-list{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.empleados-list h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.no-empleados{text-align:center;color:#64748b;font-style:italic;padding:2rem;background:#f8fafc;border-radius:12px;border:2px dashed #e5e7eb}.empleados-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empleado-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.empleado-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.empleado-info h5{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.empleado-info p{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.empleado-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.empleado-status.active{background:#dcfce7;color:#166534}.empleado-status.inactive{background:#fef2f2;color:#dc2626}.empleado-actions{display:flex;gap:.5rem;flex-direction:column}.empleado-actions .config-btn{min-width:80px;padding:.5rem .75rem;font-size:.75rem}@media (max-width: 768px){.empleados-grid{grid-template-columns:1fr}.empleado-card{flex-direction:column;gap:1rem;text-align:center}.empleado-actions{flex-direction:row;justify-content:center}}@media (max-width: 480px){.config-header{padding:1rem}.config-title{font-size:1.5rem}.config-user-info{flex-direction:column;text-align:center}.config-tab-content{padding:1rem}.config-avatar{width:50px;height:50px;font-size:1.25rem}}.form-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.warning-message{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:1rem;border-radius:8px;margin-top:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.warning-message svg{width:20px;height:20px;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:85vh;box-shadow:0 25px 50px -12px #00000059;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.modal-header{padding:24px 28px;border-bottom:2px solid #fee2e2;background:linear-gradient(to bottom,#fff,#fef2f2);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{font-size:22px;font-weight:700;color:#dc2626;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.delete-modal-content{padding:28px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.warning-section{margin-bottom:28px}.warning-icon{width:64px;height:64px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 4px 12px #dc262626}.warning-icon svg{width:32px;height:32px;color:#dc2626}.warning-section h4{font-size:20px;font-weight:700;color:#991b1b;text-align:center;margin:0 0 12px;letter-spacing:-.025em}.warning-section p{color:#4b5563;text-align:center;margin:0 0 18px;font-size:15px;line-height:1.6;font-weight:500}.warning-section ul{background:linear-gradient(to bottom,#fef2f2,#fff);border:2px solid #fecaca;border-radius:12px;padding:20px 24px;margin:0;list-style:none;box-shadow:0 2px 8px #dc262614}.warning-section li{color:#7f1d1d;font-size:14px;margin-bottom:12px;line-height:1.5;display:flex;align-items:flex-start;gap:10px;font-weight:500}.warning-section li:last-child{margin-bottom:0}.warning-section li:before{content:"●";color:#dc2626;font-weight:700;flex-shrink:0;margin-top:2px;font-size:12px}.confirmation-section{margin-bottom:8px}.confirmation-section label{display:block;font-weight:600;color:#374151;margin-bottom:14px;font-size:15px;line-height:1.5}.restaurant-name-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:10px;padding:16px 18px;margin-bottom:14px;text-align:center;box-shadow:0 2px 8px #0ea5e91a}.restaurant-name-display strong{color:#0c4a6e;font-size:18px;font-weight:700;letter-spacing:.025em}.confirm-input{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff;box-shadow:0 1px 3px #00000014;font-family:inherit;box-sizing:border-box}.confirm-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f;background:#fffbfb}.confirm-input::placeholder{color:#9ca3af;font-style:italic}.modal-actions{padding:20px 28px;border-top:2px solid #f3f4f6;background:linear-gradient(to top,#f9fafb,#fff);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.modal-actions .config-btn{min-width:120px;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 2px 8px #0000001a}.modal-actions .config-btn.danger{box-shadow:0 4px 12px #dc262640}.modal-actions .config-btn.danger:hover:not(:disabled){box-shadow:0 6px 16px #dc262659}.modal-actions .config-btn.secondary{box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.form-actions{flex-direction:column;align-items:stretch}.modal-overlay{padding:.75rem;align-items:flex-end}.delete-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:85vh}.modal-header{padding:1.25rem 1.5rem}.modal-header h3{font-size:1.125rem}.delete-modal-content{padding:1.5rem}.modal-actions{flex-direction:column-reverse;padding:1.25rem 1.5rem;gap:.625rem}.modal-actions .config-btn{width:100%;min-width:unset}.warning-section ul{padding:1.25rem}.warning-section li{font-size:.8125rem}.warning-icon{width:56px;height:56px}.warning-icon svg{width:28px;height:28px}.restaurant-name-display{padding:1rem}.restaurant-name-display strong{font-size:1rem}}.empleado-perfil-section{padding:2rem;max-width:1000px;margin:0 auto;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.empleado-perfil-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.empleado-perfil-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;border:2px solid #e2e8f0}.empleado-perfil-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.empleado-perfil-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.empleado-perfil-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}.empleado-perfil-subtitle{font-size:1rem;color:var(--text-muted);margin:0}.empleado-perfil-user-info{display:flex;align-items:center;gap:1rem}.empleado-perfil-avatar{width:60px;height:60px;border-radius:50%;background:var(--mexican-green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.empleado-perfil-user-details h4{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-dark)}.empleado-perfil-user-details p{margin:0 0 .5rem;color:var(--text-muted);font-size:.9rem}.empleado-badge{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.empleado-perfil-error,.empleado-perfil-success{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.empleado-perfil-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.empleado-perfil-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.empleado-perfil-error svg,.empleado-perfil-success svg{width:20px;height:20px;flex-shrink:0}.empleado-perfil-content{background:var(--card-bg);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden}.empleado-perfil-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.empleado-perfil-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.empleado-perfil-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-muted);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.empleado-perfil-tab:hover{color:var(--text-dark);background:#f9fafb}.empleado-perfil-tab.active{color:var(--mexican-green);border-bottom-color:var(--mexican-green);background:#f0fdf4}.empleado-perfil-tab svg{width:18px;height:18px}.empleado-perfil-form-section h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.empleado-perfil-form-section p{color:var(--text-muted);margin:0 0 1.5rem}.empleado-perfil-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-dark);font-size:.9rem}.form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a}.form-group small{color:var(--text-muted);font-size:.8rem}.empleado-perfil-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.9rem}.empleado-perfil-btn.primary{background:var(--mexican-green);color:#fff}.empleado-perfil-btn.primary:hover:not(:disabled){background:#005a3c;transform:translateY(-1px)}.empleado-perfil-btn.secondary{background:#f3f4f6;color:var(--text-dark);border:1px solid #d1d5db}.empleado-perfil-btn.secondary:hover:not(:disabled){background:#e5e7eb}.empleado-perfil-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empleado-perfil-btn svg{width:16px;height:16px}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.password-warning{color:#dc2626;font-size:.8rem;margin-top:.5rem;font-style:italic}.soporte-info{display:flex;flex-direction:column;gap:1.5rem}.soporte-card{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.soporte-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.soporte-icon{width:48px;height:48px;background:var(--mexican-green);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.soporte-icon svg{width:24px;height:24px}.soporte-header h4{margin:0;color:var(--text-dark)}.soporte-header p{margin:0;color:var(--text-muted);font-size:.9rem}.soporte-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.soporte-detail{display:flex;align-items:center;gap:.75rem}.soporte-detail svg{width:20px;height:20px;color:var(--mexican-green);flex-shrink:0}.detail-label{font-weight:500;color:var(--text-dark);font-size:.9rem}.detail-value{color:var(--text-muted);font-size:.9rem}.soporte-actions{display:flex;gap:1rem;flex-wrap:wrap}.empleado-note{background:#fffbeb;padding:1rem;border-radius:8px;border:1px solid #fde047}.empleado-note h4{margin:0 0 .5rem;color:#a16207;font-size:.9rem}.empleado-note p{margin:0;color:#a16207;font-size:.85rem}@media (max-width: 768px){.empleado-perfil-section{padding:1rem}.empleado-perfil-header-content{flex-direction:column;align-items:flex-start}.empleado-perfil-tabs,.soporte-actions{flex-direction:column}.empleado-perfil-btn{width:100%}}.suscripcion-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.page-subtitle{color:#6b7280;margin:0;font-size:1.125rem}.page-content{background:#f9fafb;border-radius:12px;padding:2rem}@media (max-width: 768px){.suscripcion-page,.page-content{padding:1rem}.page-title{font-size:1.5rem}}.scanner-section{padding:2rem;max-width:800px;margin:0 auto;min-height:80vh;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.scanner-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;border:2px solid #e2e8f0}.scanner-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.scanner-header-content{position:relative;z-index:2;text-align:left}.scanner-header-info{width:100%}.scanner-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.scanner-subtitle{font-size:1.1rem;opacity:.9;font-weight:300}.scanner-content{background:var(--card-bg);border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;margin-bottom:2rem;border:2px solid #e2e8f0;position:relative;overflow:hidden}.scanner-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.scanner-controls{display:flex;flex-direction:column;gap:2rem}.control-buttons{display:flex;gap:1rem;flex-wrap:wrap}.control-btn{flex:1;min-width:200px;padding:1rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.primary{background:linear-gradient(135deg,var(--mexican-green),var(--mexican-blue));color:#fff;box-shadow:0 4px 12px #0068474d}.control-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00684766}.control-btn.danger{background:linear-gradient(135deg,var(--mexican-red),#dc2626);color:#fff;box-shadow:0 4px 12px #ce11264d}.control-btn.success{background:linear-gradient(135deg,var(--mexican-green),#059669);color:#fff;box-shadow:0 4px 12px #0068474d}.control-btn.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00684766}.btn-icon{width:20px;height:20px}.camera-section{display:flex;flex-direction:column;gap:1rem}.camera-instructions{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.5rem}.instruction-icon{width:20px;height:20px;color:#1d4ed8;flex-shrink:0}.camera-instructions p{margin:0;color:#1e40af;font-size:.9rem;font-weight:500}.camera-container{position:relative;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 24px #0003}.camera-video{width:100%;max-height:400px;display:block}.camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.qr-target{width:200px;height:200px;border:2px solid rgba(255,255,255,.8);border-radius:12px;background:#ffffff1a;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.close-scanner-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-scanner-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.scanner-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.scanner-method{background:var(--card-bg);border-radius:16px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.scanner-method:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.scanner-method:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.scanner-method-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.scanner-method-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.scanner-method-icon.camera{background:linear-gradient(135deg,var(--mexican-green),#059669)}.scanner-method-icon.manual{background:linear-gradient(135deg,var(--mexican-orange),#d97706)}.scanner-method-title{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.scanner-method-description{color:#64748b;font-size:.9rem}.scanner-method-content{margin-bottom:1.5rem}.scanner-btn{width:100%;padding:1rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.scanner-btn.primary{background:#006847;color:#fff;box-shadow:0 4px 15px #667eea4d}.scanner-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.scanner-btn.secondary{background:transparent;color:#64748b;border:2px solid #e5e7eb}.scanner-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.scanner-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.camera-scanner{position:relative;background:#000;border-radius:16px;overflow:hidden;margin-bottom:1rem}.camera-video{width:100%;height:300px;object-fit:cover}.camera-canvas{display:none}.camera-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid #10b981;border-radius:12px;background:#10b9811a}.camera-overlay:before{content:"";position:absolute;inset:-2px;border:2px solid #10b981;border-radius:12px;animation:pulse 2s infinite}.manual-input-group{margin-bottom:1rem}.manual-input-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.manual-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;font-family:Courier New,monospace;text-align:center;letter-spacing:.1em}.manual-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.manual-input::placeholder{color:#9ca3af;font-family:inherit}.scanner-result{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);margin-top:2rem;position:relative;overflow:hidden}.scanner-result:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.scanner-result.success:before{background:linear-gradient(90deg,#10b981,#059669)}.scanner-result.error:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.result-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.result-icon.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.result-icon.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.result-info h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.result-info p{color:#64748b;font-size:.9rem}.result-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.result-customer{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.customer-avatar{width:50px;height:50px;border-radius:50%;background:#006847;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.customer-info h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.customer-info p{color:#64748b;font-size:.875rem}.result-progress{margin-top:1rem}.progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label span{font-size:.875rem;font-weight:500}.progress-label .current{color:#1d4ed8}.progress-label .total{color:#64748b}.progress-bar{width:100%;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:6px;transition:width .5s ease}.progress-stamps{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.stamp{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease}.stamp.filled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.1)}.stamp.empty{background:#f1f5f9;border:2px solid #e5e7eb;color:#9ca3af}.stamp.new{animation:newStamp .5s ease}.result-actions{display:flex;gap:1rem;justify-content:center}.result-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.result-btn.primary{background:#006847;color:#fff}.result-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.result-btn.secondary{background:transparent;color:#64748b;border:1px solid #e5e7eb}.result-btn.secondary:hover{background:#f8fafc}.processing-container{text-align:center;padding:2rem}.processing-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.processing-text{color:#64748b;font-size:1rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes newStamp{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.scanner-section{padding:1rem}.scanner-header-content{flex-direction:column;text-align:center;gap:1rem}.scanner-title{font-size:1.8rem}.scanner-methods{grid-template-columns:1fr}.result-actions{flex-direction:column}.progress-stamps{flex-wrap:wrap}.camera-video{height:250px}.camera-overlay{width:150px;height:150px}}.manual-input-section{display:flex;flex-direction:column;gap:1rem}.input-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.manual-form{display:flex;gap:1rem;flex-wrap:wrap}.manual-input{flex:1;min-width:300px;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f9fafb}.manual-input:focus{outline:none;border-color:#006847;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.manual-input:disabled{opacity:.5;cursor:not-allowed}.submit-btn{padding:1rem 2rem;background:#006847;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:20px;height:20px;animation:spin-scanner 1s linear infinite}@keyframes spin-scanner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.custom-modal{background:var(--card-bg);border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease;position:relative;border:2px solid #e2e8f0}.modal-header{padding:2rem 2rem 1rem;text-align:center;position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.modal-client-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.modal-client-avatar{width:50px;height:50px;border-radius:50%;background:var(--mexican-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.modal-client-details h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.modal-client-details p{color:#64748b;font-size:.875rem;margin:0}.modal-progress{margin:1rem 0;text-align:center}.modal-progress-text{font-size:.9rem;color:#64748b;margin-bottom:.5rem}.modal-stamps{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.modal-stamp{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--mexican-green);color:#fff}.modal-reward-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:center}.modal-reward-title{font-size:1.1rem;font-weight:700;color:#92400e;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-reward-description{color:#b45309;margin:0 0 1rem;font-size:.95rem}.modal-reward-prize{background:#fbbf244d;border:1px solid #f59e0b;border-radius:8px;padding:.75rem;margin:.75rem 0;font-weight:600;color:#92400e;font-size:1rem}.modal-reward-instruction{color:#b45309;font-size:.9rem;margin:.75rem 0 0;font-style:italic}.modal-progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin:.5rem 0}.modal-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .5s ease}.modal-stamp.empty{background:#f1f5f9;border:2px solid #e5e7eb;color:#9ca3af}.modal-stamp.new{animation:newStamp .5s ease;box-shadow:0 0 10px #00684780}.modal-level-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;padding:.75rem;margin:.5rem 0;font-weight:600;color:#92400e;text-align:center;font-size:1rem}@keyframes newStamp{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.modal-completed-info{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin:1rem 0}.modal-completed-icon{font-size:3rem;margin-bottom:1rem}.modal-completed-text p{color:#64748b;margin:.5rem 0;font-size:.95rem}.modal-completed-reward{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;border-radius:8px;padding:.75rem;margin:1rem 0;font-weight:600;color:#166534;font-size:1rem}.modal-completed-note{font-style:italic;color:#9ca3af!important;font-size:.875rem!important}.modal-level-reward{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;padding:.75rem;margin:1rem 0;font-weight:600;color:#92400e;font-size:1rem;text-align:center}.modal-body{padding:0 2rem 1.5rem}.modal-title{font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;color:#1e293b;text-align:center}.modal-footer{padding:1rem 2rem 2rem;text-align:center;position:sticky;bottom:0;background:var(--card-bg);border-top:1px solid #e2e8f0;margin-top:1rem}.modal-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 2px 8px #0000001a;flex:1}@media (min-width: 480px){.modal-btn{flex:none;min-width:160px}}.modal-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-btn.success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.modal-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-btn.error:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-completed{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin-top:1rem}.reward-header{display:flex;align-items:flex-start;gap:1rem}.reward-info{flex:1}.reward-title{font-size:1.1rem;font-weight:700;color:#92400e;margin:0 0 .5rem}.reward-description{color:#b45309;margin:0 0 .75rem;font-size:.95rem}.reward-prize{background:#fbbf244d;border:1px solid #f59e0b;border-radius:8px;padding:.75rem;margin:.75rem 0;font-weight:600;color:#92400e;font-size:1rem}.reward-instructions{color:#b45309;font-size:.9rem;margin:.75rem 0 0;font-style:italic}.completion-options{display:flex;gap:.75rem;justify-content:center;flex-direction:column}@media (min-width: 480px){.completion-options{flex-direction:row;flex-wrap:wrap}}.modal-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.modal-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b72804d}@media (max-width: 480px){.completion-options{flex-direction:column}.modal-btn{width:100%}}:root{--mexican-green: #006847;--mexican-red: #ce1126;--mexican-gold: #ffd700;--mexican-orange: #ff6b35;--mexican-blue: #004b87;--mexican-cream: #faf7f2;--bg-light: #faf7f2;--card-bg: #f7fafc;--text-dark: #2d3748;--text-muted: #4a5568}.push-messages-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.push-header{background:var(--card-bg);border-radius:0;padding:2rem;color:var(--text-dark);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}.push-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.push-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-dark);letter-spacing:-.025em;position:relative;z-index:2}.push-subtitle{color:var(--text-muted);font-size:1.1rem;margin:0;opacity:.9;font-weight:300}.push-controls{background:var(--card-bg);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:2rem;border:2px solid #e2e8f0;position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.push-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.push-control-group{flex:1;min-width:250px;position:relative;z-index:2}.push-label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.push-select{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;transition:all .2s}.push-select:focus{outline:none;border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a}.push-btn-primary{background:linear-gradient(135deg,var(--mexican-red) 0%,var(--mexican-orange) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;z-index:2}.push-btn-primary:hover{background:var(--mexican-green);transform:translateY(-1px);box-shadow:0 4px 12px #0068474d}.push-error{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1rem;font-weight:500}.push-loading{text-align:center;padding:2rem;color:#6b7280;font-size:1.1rem}.push-templates-section{background:var(--card-bg);border-radius:0;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #e2e8f0;position:relative;overflow:hidden}.push-templates-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mexican-green) 0%,var(--mexican-red) 50%,var(--mexican-gold) 100%)}.push-section-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;position:relative;z-index:2;text-align:center}.push-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.push-template-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.push-template-card:hover{border-color:var(--mexican-green);box-shadow:0 8px 25px #00684726;transform:translateY(-2px)}.push-template-card.push-expired{background:#fef2f2;border-color:#fecaca;opacity:.8}.push-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.push-template-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0;flex:1}.push-expired .push-template-title{text-decoration:line-through;color:#9ca3af}.push-expired-badge{background:#fee2e2;color:#dc2626;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.push-sends-count{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.push-card-content{margin-bottom:1.5rem}.push-message-preview{background:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid var(--mexican-green);margin-bottom:1rem}.push-header-text{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.95rem}.push-body-text{color:#4b5563;margin:0;font-size:.9rem;line-height:1.4}.push-expiry-info{background:#fef3c7;color:#92400e;padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:500}.push-recurring-info{background:#dbeafe;color:#1e40af;padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:500}.push-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.push-card-actions button{flex:1;min-width:80px;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.push-btn-secondary{background:#f3f4f6;color:#374151}.push-btn-secondary:hover{background:#e5e7eb}.push-btn-success{background:var(--mexican-green);color:#fff}.push-btn-success:hover{background:#059669}.push-btn-success:disabled{background:#d1d5db;cursor:not-allowed}.push-btn-warning{background:var(--mexican-orange);color:#fff}.push-btn-warning:hover{background:#d97706}.push-btn-info{background:var(--mexican-blue);color:#fff}.push-btn-info:hover{background:#1e40af}.push-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.push-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.push-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.push-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.push-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:all .2s}.push-modal-close:hover{background:#f3f4f6;color:#374151}.push-form{padding:1.5rem}.push-form-group{margin-bottom:1.5rem}.push-form-label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.push-form-input,.push-form textarea,.push-form select{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s;box-sizing:border-box}.push-form-input:focus,.push-form textarea:focus,.push-form select:focus{outline:none;border-color:var(--mexican-green);box-shadow:0 0 0 3px #0068471a}.push-form textarea{resize:vertical;min-height:100px}.push-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400!important}.push-checkbox-label input[type=checkbox]{width:auto;margin:0}.push-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.push-recurring-section{background:#f0f9ff;padding:1rem;border-radius:8px;border:1px solid #bae6fd;margin:.5rem 0}.push-expiry-section{background:#fefce8;padding:1rem;border-radius:8px;border:1px solid #fde047;margin:.5rem 0}.push-presets-container{margin-bottom:1rem}.push-presets-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.push-presets-buttons button{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.push-presets-buttons button:hover{background:#e5e7eb;border-color:#9ca3af}.push-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #f3f4f6;margin-top:1.5rem}.push-form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.push-form-actions button[type=button]{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.push-form-actions button[type=button]:hover{background:#e5e7eb;border-color:#d1d5db}.push-form-actions button[type=submit]{background:linear-gradient(135deg,var(--mexican-green),#059669);color:#fff;border:2px solid var(--mexican-green)}.push-form-actions button[type=submit]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #0068474d}.push-form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.push-form-group small{color:#6b7280;font-size:.8rem;margin-top:.25rem;display:block}@media (max-width: 768px){.push-messages-container{padding:1rem}.push-header{padding:1.5rem}.push-controls{flex-direction:column;align-items:stretch;padding:1.5rem}.push-control-group{min-width:auto}.push-templates-grid{grid-template-columns:1fr}.push-card-actions{flex-direction:column}.push-card-actions button{flex:none}.push-modal{margin:.5rem;max-width:none}.push-presets-buttons{justify-content:center;grid-template-columns:1fr 1fr}.push-form-actions{flex-direction:column-reverse}.push-form-row{grid-template-columns:1fr}.push-presets-buttons{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.push-title{font-size:1.5rem}.push-modal-header,.push-form{padding:1rem}.push-presets-buttons{grid-template-columns:1fr}.push-presets-buttons button{flex:1;min-width:0}}.push-history-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.push-empty-history{text-align:center;padding:3rem 1rem}.push-empty-icon{font-size:3rem;margin-bottom:1rem}.push-empty-history h4{color:var(--text-dark);font-size:1.2rem;margin-bottom:.5rem}.push-empty-history p{color:var(--text-muted);margin:0}.push-history-list{display:flex;flex-direction:column;gap:1rem}.push-history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.push-history-item:hover{border-color:var(--mexican-green);box-shadow:0 2px 8px #0068471a}.push-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.push-history-date{font-weight:600;color:var(--text-dark);font-size:.9rem}.push-history-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.push-status-completado{background:#dcfce7;color:var(--mexican-green)}.push-status-fallido{background:#fee2e2;color:#dc2626}.push-status-enviando{background:#fef3c7;color:#d97706}.push-history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.push-stat-item{text-align:center;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb}.push-stat-success{background:#f0fdf4;border-color:#bbf7d0}.push-stat-error{background:#fef2f2;border-color:#fecaca}.push-stat-total{background:#f8fafc;border-color:#e2e8f0}.push-stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.push-stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.push-recurrence-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;border:2px solid}.push-status-programada{background:#f0fdf4;color:var(--mexican-green);border-color:#bbf7d0}.push-status-enviando{background:#fef3c7;color:#d97706;border-color:#fcd34d}.push-status-completada_hoy{background:#dcfce7;color:var(--mexican-green);border-color:#bbf7d0}.push-status-pausada{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.push-btn-secondary:disabled,.push-btn-secondary[disabled]{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important;border-color:#d1d5db!important;opacity:.6}.push-empty-templates{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin:2rem 0}.push-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.push-empty-templates h4{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.push-empty-templates p{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.push-empty-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;max-width:600px;margin-left:auto;margin-right:auto}.push-benefit-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.push-benefit-icon{font-size:1.5rem;flex-shrink:0}.push-benefit-item span:last-child{color:var(--text-dark);font-weight:500;font-size:.9rem}.push-btn-large{padding:1rem 2rem;font-size:1.1rem;margin-top:1rem}.push-error{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.push-empty-benefits{grid-template-columns:1fr;gap:.75rem}.push-empty-templates{padding:2rem 1rem;margin:1rem 0}.push-empty-templates h4{font-size:1.25rem}.push-empty-templates p{font-size:.9rem;margin-bottom:1.5rem}.push-benefit-item{padding:.75rem;gap:.5rem}.push-benefit-icon{font-size:1.25rem}.push-benefit-item span:last-child{font-size:.85rem}.push-btn-large{padding:.875rem 1.5rem;font-size:1rem;width:100%;max-width:300px}.push-error{font-size:.9rem;line-height:1.5;padding:1rem}}@media (max-width: 480px){.push-empty-templates{padding:1.5rem .75rem}.push-empty-icon{font-size:3rem}.push-empty-templates h4{font-size:1.1rem;margin-bottom:.75rem}.push-empty-templates p{font-size:.85rem;margin-bottom:1.25rem}.push-empty-benefits{margin:1.5rem 0}.push-benefit-item{padding:.625rem;flex-direction:column;text-align:center;gap:.375rem}.push-benefit-icon{font-size:1.125rem}.push-benefit-item span:last-child{font-size:.8rem}.push-btn-large{padding:.75rem 1.25rem;font-size:.95rem}.push-error{font-size:.85rem;padding:.875rem;line-height:1.4}.push-history-header{flex-direction:column;align-items:stretch;text-align:center}.push-history-stats{grid-template-columns:1fr}}.registro-cliente-page{min-height:100vh;background:#006847;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.registro-cliente-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:floatSlow 12s ease-in-out infinite}.registro-cliente-container{width:100%;max-width:500px;position:relative;z-index:2}.registro-cliente-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3);overflow:hidden;position:relative}.registro-header{text-align:center;padding:2.5rem 2.5rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid rgba(0,0,0,.08)}.registro-emoji{font-size:3rem;margin-bottom:1rem;display:block}.registro-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.registro-subtitle{font-size:1rem;color:#64748b;font-weight:500;line-height:1.5}.programa-info{background:#ceddcf;margin:1.5rem 2.5rem;padding:1.5rem;border-radius:16px;border:1px solid #93c5fd}.programa-name{font-size:1.1rem;font-weight:600;color:#1d4ed8;margin-bottom:.5rem}.programa-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.programa-detail{text-align:center}.programa-detail-value{font-size:1.5rem;font-weight:700;color:#1d4ed8;display:block}.programa-detail-label{font-size:.875rem;color:#3730a3;font-weight:500;margin-top:.25rem}.niveles-info{margin-top:1rem}.niveles-list-registro{display:flex;flex-direction:column;gap:.5rem}.nivel-item-registro{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fffc;border-radius:8px}.nivel-name-registro{color:#1d4ed8;font-weight:600;font-size:.9rem}.nivel-reward-registro{color:#3730a3;font-weight:500;font-size:.85rem;text-align:right}.restaurante-info{text-align:center;padding:0 2.5rem;margin-bottom:1.5rem}.restaurante-name{font-size:1.2rem;font-weight:600;color:#334155;margin-bottom:.25rem}.restaurante-direccion{font-size:.9rem;color:#64748b}.registro-form{padding:0 2.5rem 2.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-label.required:after{content:" *";color:#ef4444}.form-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af}.clientesubmit-btn{width:100%;padding:1rem;background:#006847;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}.success-message{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:500}.success-message:before{content:"🎉";font-size:1.5rem;display:block;margin-bottom:.5rem}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:500}.loading-state{text-align:center;padding:3rem 2.5rem}.loading-spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-text{font-size:1rem;color:#64748b;font-weight:500}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 640px){.registro-cliente-page{padding:1rem}.registro-header,.registro-form{padding-left:1.5rem;padding-right:1.5rem}.programa-info{margin-left:1.5rem;margin-right:1.5rem}.programa-details{grid-template-columns:1fr;gap:.75rem}.registro-title{font-size:1.5rem}}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admindashboard-header{margin-bottom:2rem}.admindashboard-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.admindashboard-subtitle{color:#6b7280;font-size:1.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem}.metric-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px}.metric-content{flex:1}.metric-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.metric-label{color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.chart-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.simple-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.bar{width:100%;max-width:40px;border-radius:4px 4px 0 0;margin-bottom:.5rem;transition:all .3s ease}.bar:hover{opacity:.8}.bar-label{font-size:.75rem;color:#6b7280;text-align:center;margin-bottom:.25rem}.bar-value{font-size:.875rem;font-weight:600;color:#374151}.top-restaurants-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:3rem}.recent-transactions-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.transaction-icon{width:40px;height:40px;background:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.transaction-info{flex:1}.transaction-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.client-name{font-weight:600;color:#1f2937}.transaction-type{background:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.transaction-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.restaurant-name{color:#374151;font-size:.875rem}.program-name{color:#6b7280;font-size:.875rem}.transaction-description{color:#6b7280;font-size:.875rem;font-style:italic}.transaction-meta{text-align:right}.transaction-value{font-weight:700;color:#059669;font-size:1rem;margin-bottom:.25rem}.transaction-date{color:#6b7280;font-size:.75rem}.empty-transactions{text-align:center;padding:2rem;color:#6b7280}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.restaurants-ranking{display:flex;flex-direction:column;gap:1rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.ranking-position{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.ranking-info{flex:1}.restaurant-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.restaurant-stats{color:#6b7280;font-size:.875rem}.ranking-score{font-size:1.5rem;font-weight:700;color:#3b82f6}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admindashboard-title{font-size:1.5rem}.admindashboard-subtitle{font-size:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.metric-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.metric-icon{width:50px;height:50px;font-size:1.5rem;margin:0 auto}.metric-number{font-size:1.5rem}.metric-label{font-size:.75rem}.charts-section{grid-template-columns:1fr;gap:1.5rem}.chart-container{padding:1rem}.chart-title{font-size:1.1rem}.simple-chart{height:150px;gap:.5rem}.bar{max-width:30px}.bar-label{font-size:.7rem}.bar-value{font-size:.8rem}.top-restaurants-section,.recent-transactions-section{padding:1rem}.section-title{font-size:1.1rem}.ranking-item{padding:.75rem;gap:.75rem}.ranking-position{width:35px;height:35px;font-size:.8rem}.restaurant-name{font-size:.95rem}.restaurant-stats{font-size:.8rem}.ranking-score{font-size:1.25rem}.transaction-item{padding:.75rem;gap:.75rem}.transaction-icon{width:35px;height:35px;font-size:1rem}.transaction-main{gap:.25rem}.client-name{font-size:.9rem}.transaction-type{font-size:.7rem;padding:.1rem .4rem}.transaction-details{gap:.25rem}.restaurant-name,.program-name,.transaction-description{font-size:.8rem}.transaction-value{font-size:.9rem}.transaction-date{font-size:.7rem}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:.75rem}.metric-icon{width:40px;height:40px;font-size:1.25rem}.metric-number{font-size:1.25rem}.simple-chart{height:120px}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-meta{text-align:left;width:100%}}.admin-reports{padding:2rem;max-width:1400px;margin:0 auto}.reports-header{margin-bottom:2rem}.reports-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.reports-subtitle{color:#6b7280;font-size:1.1rem}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-weight:500;color:#374151;font-size:.875rem}.filter-select,.filter-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:border-color .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;gap:1rem;align-items:center}.btn-generate,.btn-export{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.btn-generate{background:#3b82f6;color:#fff}.btn-generate:hover:not(:disabled){background:#2563eb}.btn-generate:disabled{background:#9ca3af;cursor:not-allowed}.btn-export{background:#10b981;color:#fff}.btn-export:hover{background:#059669}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fecaca}.results-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.results-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.results-count{color:#6b7280;font-size:.875rem;background:#e5e7eb;padding:.25rem .75rem;border-radius:12px}.report-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:repeat(4,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #f3f4f6}.cell{padding:1rem;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:500;color:#1f2937;margin-bottom:.25rem}.secondary-text{color:#6b7280;font-size:.875rem}.stats-grid{display:flex;flex-direction:column;gap:.25rem}.stats-grid span{color:#6b7280;font-size:.875rem}.table-info{padding:2rem;text-align:center;color:#6b7280}.status-activa{color:#059669!important;font-weight:500}.status-prueba{color:#d97706!important;font-weight:500}.status-suspendida{color:#dc2626!important;font-weight:500}.status-cancelada{color:#6b7280!important;font-weight:500}@media (max-width: 768px){.admin-reports{padding:1rem}.reports-title{font-size:1.5rem}.reports-subtitle{font-size:1rem}.filters-section{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:.75rem}.filter-select,.filter-input{padding:.625rem;font-size:.8rem}.filter-actions{flex-direction:column;align-items:stretch;gap:.75rem}.btn-generate,.btn-export{padding:.625rem 1rem;font-size:.8rem}.results-section{margin-top:1rem}.results-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:1rem}.results-header h3{font-size:1.1rem}.results-count{font-size:.8rem;padding:.2rem .6rem}.table-header,.table-row{grid-template-columns:1fr;gap:0}.header-cell{padding:.75rem 1rem;font-size:.8rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.cell{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.primary-text{font-size:.9rem}.secondary-text,.stats-grid span{font-size:.8rem}.table-info{padding:1.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.filters-section{padding:.75rem}.filter-select,.filter-input{padding:.5rem;font-size:.75rem}.btn-generate,.btn-export{padding:.5rem .75rem;font-size:.75rem}.results-header{padding:.75rem}.results-header h3{font-size:1rem}.header-cell,.cell{padding:.5rem .75rem}.primary-text{font-size:.85rem}.secondary-text,.stats-grid span{font-size:.75rem}}.admin-account{padding:2rem;max-width:800px;margin:0 auto}.account-header{margin-bottom:2rem}.account-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.account-subtitle{color:#6b7280;margin:0}.account-content{display:flex;flex-direction:column;gap:2rem}.account-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.edit-button{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.edit-button:hover{background:#2563eb}.account-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.form-label{font-weight:500;color:#374151;font-size:.875rem;min-width:120px;flex-shrink:0}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s;flex:1}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-value{color:#1f2937;font-size:1rem;flex:1}.password-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.password-section .form-group{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:1rem}.password-section .form-label{min-width:auto}.section-subtitle{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.save-button{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.save-button:hover:not(:disabled){background:#059669}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.cancel-button:hover:not(:disabled){background:#4b5563}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:#6b7280}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}@media (max-width: 768px){.admin-account{padding:1rem}.account-card{padding:1.5rem}.form-actions{flex-direction:column}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}}.suscripcion-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease}.suscripcion-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.suscripcion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.usuario-info h3{margin:0 0 .25rem;color:#1f2937;font-size:1.25rem;font-weight:600}.usuario-email{margin:0 0 .25rem;color:#6b7280;font-size:.9rem}.usuario-registro{margin:0;color:#9ca3af;font-size:.8rem}.suscripcion-actions{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.activa{background-color:#d1fae5;color:#065f46}.status-badge.prueba{background-color:#fef3c7;color:#92400e}.status-badge.suspendida{background-color:#fee2e2;color:#991b1b}.status-badge.cancelada{background-color:#f3f4f6;color:#6b7280}.edit-btn{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.edit-btn:hover{background-color:#2563eb}.suscripcion-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f9fafb}.detail-label{font-weight:500;color:#374151;font-size:.9rem}.detail-value{color:#6b7280;font-size:.9rem}.plan-badge{padding:.25rem .5rem;background-color:#ede9fe;color:#7c3aed;border-radius:4px;font-weight:500;font-size:.8rem}.days-info{font-size:.8rem;margin-left:.5rem}.days-info.warning{color:#f59e0b;font-weight:500}.days-info.expired{color:#ef4444;font-weight:500}.restaurantes-section{border-top:1px solid #f3f4f6;padding-top:1rem}.restaurantes-title{margin:0 0 .75rem;color:#374151;font-size:1rem;font-weight:600}.restaurantes-list{display:flex;flex-direction:column;gap:.5rem}.restaurante-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:6px;border:1px solid #f3f4f6}.restaurante-info{display:flex;flex-direction:column;gap:.25rem}.restaurante-nombre{font-weight:500;color:#1f2937;font-size:.9rem}.restaurante-ubicacion{color:#6b7280;font-size:.8rem}.restaurante-stats{display:flex;gap:1rem}.stat{color:#6b7280;font-size:.8rem}.no-restaurantes{color:#9ca3af;font-style:italic;text-align:center;padding:1rem;margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.close-btn:hover{color:#374151}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.form-group select,.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s}.form-group select:focus,.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.error-message{background-color:#fee2e2;color:#991b1b;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #fecaca}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.cancel-btn:hover{background-color:#f3f4f6}.save-btn{background-color:#3b82f6;color:#fff}.save-btn:hover:not(:disabled){background-color:#2563eb}.save-btn:disabled{opacity:.6;cursor:not-allowed}.admin-suscripciones{padding:1.5rem}.suscripciones-header{margin-bottom:2rem}.suscripciones-title{margin:0 0 .5rem;color:#1f2937;font-size:1.875rem;font-weight:700}.suscripciones-subtitle{margin:0;color:#6b7280;font-size:1rem}.stats-overview{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb}.stats-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.main-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;transition:transform .2s ease}.main-stat:hover{transform:translateY(-2px)}.main-stat:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.main-stat-icon{font-size:2.5rem;opacity:.9}.main-stat-content{flex:1}.main-stat-number{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.main-stat-label{font-size:.9rem;opacity:.9;font-weight:500}.stats-breakdown{margin-top:1rem}.breakdown-title{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.status-bars{display:flex;flex-direction:column;gap:1rem}.status-bar{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:1rem;padding:.75rem 0}.status-info{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.activa{background-color:#10b981}.status-dot.prueba{background-color:#f59e0b}.status-dot.suspendida{background-color:#ef4444}.status-label{font-weight:500;color:#374151;min-width:80px}.status-count{font-weight:600;color:#1f2937;background-color:#f9fafb;padding:.25rem .5rem;border-radius:6px;font-size:.875rem}.status-progress{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden}.status-fill{height:100%;border-radius:4px;transition:width .3s ease}.status-fill.activa{background-color:#10b981}.status-fill.prueba{background-color:#f59e0b}.status-fill.suspendida{background-color:#ef4444}.status-percentage{font-weight:600;color:#6b7280;font-size:.875rem;min-width:40px;text-align:right}.suscripciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#6b7280;font-size:1rem;margin:0}.error-message{color:#ef4444;font-size:1rem;margin-bottom:1rem}.retry-btn{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:#2563eb}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.empty-state-title{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.empty-state-description{margin:0;color:#6b7280;font-size:1rem}@media (max-width: 768px){.admin-suscripciones{padding:1rem}.suscripciones-grid{grid-template-columns:1fr}.stats-overview{padding:1.5rem}.stats-main{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.main-stat{padding:1rem}.main-stat-number{font-size:2rem}.status-bar{grid-template-columns:1fr;gap:.5rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.status-info{justify-content:space-between}.status-percentage{text-align:left}}.admin-container{padding:2rem;max-width:1200px;margin:0 auto}.admin-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.admin-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.admin-subtitle{color:#6b7280;font-size:1.1rem}.logout-button{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.logout-button:hover{background:#b91c1c;transform:translateY(-1px)}.restaurants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.restaurant-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer}.restaurant-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.restaurant-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:1rem}.restaurant-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.restaurant-info{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.manager-info{background:#f3f4f6;padding:.75rem;border-radius:8px;margin:1rem 0}.manager-name{font-weight:500;color:#374151;margin-bottom:.25rem}.manager-email{color:#6b7280;font-size:.875rem}.restaurant-stats{display:flex;gap:1rem;margin-top:1rem}.stat-item{text-align:center;flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:#3b82f6}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.subscription-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.subscription-activa{background:#dcfce7;color:#166534}.subscription-prueba{background:#fef3c7;color:#92400e}.subscription-none{background:#fee2e2;color:#991b1b}.error-message{color:#dc2626;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-title{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state-description{color:#6b7280;font-size:1.1rem}.admin-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;gap:.5rem}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.tab-button:hover{color:#374151;background:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f0f9ff}@media (max-width: 768px){.admin-container{padding:1rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.admin-title{font-size:1.5rem}.admin-subtitle{font-size:1rem}.logout-button{align-self:flex-end;padding:.5rem 1rem;font-size:.8rem}.admin-tabs{flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e7eb}.tab-button{flex:1;min-width:0;padding:.75rem .5rem;font-size:.875rem;text-align:center;justify-content:center}.restaurants-grid{grid-template-columns:1fr;gap:1rem}.restaurant-card{padding:1rem}.restaurant-name{font-size:1.1rem}.manager-info{padding:.5rem}.restaurant-stats{gap:.5rem}.stat-number{font-size:1.25rem}}.filter-section{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.restaurant-card.restaurant-deleted{opacity:.7;border:2px solid #fecaca;background:#fef2f2}.restaurant-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.deleted{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.deleted-info{color:#dc2626!important;font-weight:500}.restaurant-card.restaurant-deleted:hover{transform:none;box-shadow:0 4px 12px #dc262626}.admin-detail-container{padding:2rem;max-width:1200px;margin:0 auto}.detail-header{margin-bottom:2rem}.back-button{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;margin-bottom:1rem;transition:all .2s ease}.back-button:hover{background:#e5e7eb}.detail-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.detail-subtitle{color:#6b7280;font-size:1.1rem}.tabs-container{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-button:hover{color:#374151}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-count{background:#e5e7eb;color:#6b7280;padding:.125rem .5rem;border-radius:12px;font-size:.75rem}.tab-button.active .tab-count{background:#dbeafe;color:#3b82f6}.tab-content{min-height:400px}.restaurant-info-section{margin-bottom:2rem}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.info-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.info-details{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:flex-start;gap:0}.info-label{font-weight:500;color:#6b7280;flex-shrink:0}.info-value{color:#1f2937;word-break:break-word;margin-left:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;text-align:center;cursor:pointer;transition:all .2s ease;width:100%}.stat-card:hover{border-color:#006847;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.stat-card.active{border-color:#3b82f6;background:#f0f9ff;box-shadow:0 4px 12px #3b82f633}.stat-card.active .stat-number{color:#1d4ed8}.stat-card.active .stat-label{color:#1e40af}.stat-number{font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.clientes-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.table-header{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header-cell{padding:1rem;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f9fafb}.cell{padding:1rem;display:flex;align-items:center}.client-name{font-weight:500;color:#1f2937}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{color:#6b7280;font-size:.875rem}.tarjetas-info{display:flex;flex-direction:column;gap:.5rem}.tarjeta-item{display:flex;flex-direction:column;gap:.125rem}.programa-name{font-weight:500;color:#374151;font-size:.875rem}.progress-info{color:#6b7280;font-size:.75rem}.no-tarjetas{color:#9ca3af;font-style:italic;font-size:.875rem}.date-info{color:#6b7280;font-size:.875rem}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#6b7280;font-size:1.1rem}.error-container{text-align:center;padding:4rem 2rem}.error-message{color:#dc2626;font-size:1.1rem;margin-bottom:1rem}.filter-section{margin:2rem 0}.filter-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.filter-btn{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;text-align:center;cursor:pointer;transition:all .2s ease;width:100%;font-weight:600;font-size:.875rem;color:#6b7280}.filter-btn:hover{border-color:#006847;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.filter-btn.active{border-color:#3b82f6;background:#f0f9ff;box-shadow:0 4px 12px #3b82f633;color:#1e40af}.filter-dropdown{display:flex;align-items:center;gap:1rem}.filter-label{font-weight:500;color:#374151;white-space:nowrap}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:200px;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.admin-detail-container{padding:1rem}.detail-title{font-size:1.5rem}.detail-subtitle{font-size:1rem}.back-button{padding:.4rem .8rem;font-size:.8rem}.tabs-container{flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e7eb}.tab-button{flex:1;min-width:0;padding:.75rem .5rem;font-size:.875rem;text-align:center;justify-content:center}.tab-count{font-size:.7rem;padding:.1rem .4rem}.info-cards{grid-template-columns:1fr;gap:1rem}.info-card{padding:1rem}.info-card h3{font-size:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-label{min-width:auto;font-size:.8rem}.info-value{text-align:left;font-size:.9rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.programs-grid{grid-template-columns:1fr;gap:1rem}.clientes-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:1fr;gap:0}.header-cell{padding:.75rem;font-size:.8rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.cell{padding:.75rem;border-bottom:1px solid #f3f4f6;flex-direction:column;align-items:flex-start;gap:.25rem}.client-name{font-size:.9rem}.contact-info{gap:.125rem}.contact-item,.programa-name{font-size:.8rem}.progress-info{font-size:.7rem}.date-info{font-size:.8rem}.filter-section{margin:1rem 0}.filter-buttons{grid-template-columns:1fr;gap:.5rem}.filter-btn{padding:.75rem;font-size:.8rem}.filter-dropdown{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select{min-width:auto;width:100%;font-size:.8rem}}.suscripcion-admin-section{padding:2rem}.suscripcion-admin-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.suscripcion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.suscripcion-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.activa{background:#d1fae5;color:#065f46}.status-badge.prueba{background:#dbeafe;color:#1e40af}.status-badge.cancelada{background:#fee2e2;color:#991b1b}.status-badge.suspendida{background:#fef3c7;color:#92400e}.suscripcion-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#374151}.detail-value{color:#1f2937;font-weight:500}.stripe-id{font-family:monospace;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.days-info{font-size:.875rem;color:#6b7280}.days-info.expired{color:#dc2626;font-weight:500}.no-suscripcion-admin{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.no-suscripcion-admin h3{margin:0 0 1rem;color:#1f2937}.no-suscripcion-admin p{margin:0;color:#6b7280}.suscripcion-actions{display:flex;align-items:center;gap:1rem}.edit-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.edit-btn:hover{background:#2563eb}.suscripcion-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.suscripcion-form .form-group{display:flex;flex-direction:column;gap:.5rem}.suscripcion-form label{font-weight:500;color:#374151;font-size:.875rem}.suscripcion-form select,.suscripcion-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.suscripcion-form select:focus,.suscripcion-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.save-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.save-btn:hover{background:#059669}.empleados-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.empleados-table-header{display:grid;grid-template-columns:2fr 2.5fr 1fr 1fr 1.5fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.empleados-header-cell{padding:1rem;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.empleados-table-row{display:grid;grid-template-columns:2fr 2.5fr 1fr 1fr 1.5fr;border-bottom:1px solid #f3f4f6}.empleados-table-row:last-child{border-bottom:none}.empleados-table-row:hover{background:#f9fafb}.empleados-cell{padding:1rem;display:flex;align-items:center}.empleado-name{font-weight:500;color:#1f2937}.empleado-email{color:#6b7280;font-size:.875rem}.rol-badge{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.inactive{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.empleados-table-header,.empleados-table-row{grid-template-columns:1fr}.empleados-header-cell{padding:.75rem;font-size:.8rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.empleados-cell{padding:.75rem;border-bottom:1px solid #f3f4f6;flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-number{font-size:1.25rem}.info-card{padding:.75rem}.tab-button{padding:.6rem .4rem;font-size:.8rem}.header-cell,.cell,.empleados-header-cell,.empleados-cell{padding:.5rem}.suscripcion-admin-section{padding:1rem}.suscripcion-admin-card{padding:1.5rem}.suscripcion-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.agregar-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.agregar-modal-container{background:#fff;padding:2rem;width:95%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:16px;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out;position:relative}.agregar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.agregar-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.75rem}.agregar-modal-close-btn{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.agregar-modal-close-btn:hover{background:#f3f4f6;color:#6b7280;transform:rotate(90deg)}.agregar-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;color:#991b1b;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.75rem}.agregar-error-alert:before{content:"⚠️";font-size:1.1rem;flex-shrink:0}.agregar-form-container{display:flex;flex-direction:column;gap:1.5rem}.agregar-form-group{display:flex;flex-direction:column}.agregar-form-label{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.agregar-form-label.required:after{content:"*";color:#ef4444;font-weight:700}.agregar-form-input,.agregar-form-select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}.agregar-form-input:focus,.agregar-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fefefe}.agregar-form-input:hover:not(:focus),.agregar-form-select:hover:not(:focus){border-color:#d1d5db}.agregar-form-input::placeholder{color:#9ca3af;font-style:italic}.agregar-form-select{cursor:pointer}.agregar-form-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.agregar-help-text{font-size:.8rem;color:#6b7280;margin-top:.25rem;font-style:italic}.agregar-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6;margin-top:1rem}.agregar-btn-cancel{padding:.875rem 1.5rem;background:none;border:2px solid #e5e7eb;color:#6b7280;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.agregar-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.agregar-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.agregar-btn-submit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d;white-space:nowrap}.agregar-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.agregar-btn-submit:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none;opacity:.6}.agregar-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.agregar-loading-container{display:flex;align-items:center;justify-content:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.agregar-loading-container p{margin:0;color:#6b7280;font-size:.875rem}.agregar-loading-container .agregar-loading-spinner{border:2px solid #e5e7eb;border-top:2px solid #3b82f6;margin-right:8px}.agregar-limite-info{padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid}.agregar-limite-info.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.agregar-limite-info.warning{background:#fefce8;border-color:#fde047;color:#a16207}.agregar-limite-info p{margin:0;font-size:.875rem}.agregar-limite-info p:not(:last-child){margin-bottom:.5rem}.limite-alcanzado{font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.agregar-modal-container{width:98%;padding:1.5rem;margin:1rem}.agregar-modal-title{font-size:1.25rem}.agregar-form-actions{flex-direction:column}.agregar-btn-cancel,.agregar-btn-submit{width:100%;justify-content:center;padding:1rem}}.restaurante-selector{position:relative}.restaurante-selector-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;min-width:200px}.restaurante-selector-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.restaurante-selector-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.restaurante-selector-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0}.restaurante-selector-text{font-size:.95rem;font-weight:600;color:#1e293b;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.restaurante-selector-chevron{width:16px;height:16px;color:#64748b;transition:transform .2s ease;flex-shrink:0}.restaurante-selector-chevron.open{transform:rotate(180deg)}.restaurante-selector-loading{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;min-width:200px}.restaurante-selector-loading-icon{width:20px;height:20px;color:#94a3b8}.restaurante-selector-loading-text{font-size:.95rem;color:#64748b}.restaurante-selector-overlay{position:fixed;inset:0;z-index:1049;background:#0000001a}.restaurante-selector-dropdown{position:fixed;width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1050;animation:dropdownSlideIn .2s ease-out;overflow:hidden}.restaurante-selector-dropdown-content{padding:.75rem}.restaurante-selector-header{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;margin-bottom:.5rem;background:#f8fafc;border-radius:8px}.restaurante-item{width:100%;text-align:left;padding:.875rem .75rem;border-radius:10px;font-size:.9rem;transition:all .15s ease;border:none;background:none;cursor:pointer;margin-bottom:.25rem}.restaurante-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(2px)}.restaurante-item.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:600;border:1px solid #93c5fd}.restaurante-item.active:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.restaurante-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.restaurante-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.restaurante-item-role{font-size:.75rem;color:#64748b;margin-left:.5rem;padding:.25rem .5rem;background:#64748b1a;border-radius:6px;text-transform:uppercase;font-weight:500;letter-spacing:.025em}.restaurante-item.active .restaurante-item-role{color:#1d4ed8;background:#1d4ed81a}.restaurante-selector-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:.75rem 0}.add-restaurante-button{width:100%;text-align:left;padding:.875rem .75rem;border-radius:10px;font-size:.9rem;color:#3b82f6;font-weight:500;transition:all .15s ease;border:2px dashed #cbd5e1;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.add-restaurante-button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1d4ed8;transform:translate(2px)}.add-restaurante-icon{width:16px;height:16px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.mobile-restaurant-selector .restaurante-selector-dropdown{position:absolute!important;inset:100% 0 auto!important;transform:none!important;width:100%!important;max-width:none!important;z-index:1050!important;margin-top:.5rem!important}}@media (max-width: 640px){.restaurante-selector-button{min-width:160px;padding:.625rem .875rem}.restaurante-selector-text{max-width:100px;font-size:.875rem}}.dashboard-layout{display:flex;height:100vh;background:#faf7f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-sidebar{width:280px;background:#f7fafc;height:100vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-right:2px solid #e2e8f0;position:relative;overflow:hidden}.dashboard-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#006847,#ce1126,gold)}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.logo-image{width:40px;height:40px;object-fit:contain}.sidebar-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.sidebar-subtitle{font-size:1rem;color:#374151;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem}.mobile-restaurant-selector{padding:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem;background:#f8fafc;display:none;position:relative}@media (max-width: 768px){.mobile-restaurant-selector{display:block}}.sidebar-nav{padding:1rem 0;height:calc(100vh - 200px);overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;text-align:left;border:none;background:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#475569}.nav-item:hover{background:#f1f5f9;color:#334155;transform:translate(4px)}.nav-item.active{background:#0068471a;color:#006847;border-right:4px solid #006847;transform:translate(0)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#006847;border-radius:0 4px 4px 0}.nav-icon{margin-right:.75rem;font-size:1.1rem;min-width:20px;display:flex;align-items:center;justify-content:center}.logout-container{position:absolute;bottom:1rem;left:1rem;right:1rem}.logout-btn{width:100%;display:flex;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;color:#ce1126;background:#ce11261a;border:1px solid rgba(206,17,38,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ce112626;border-color:#ce1126;transform:translateY(-1px);box-shadow:0 4px 12px #ce112633}.logout-icon{margin-right:.5rem;font-size:1rem}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.dashboard-header{background:#f7fafc;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e2e8f0;position:relative}.header-content{max-width:1400px;margin:0 auto;padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:1rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.user-welcome{font-size:1.125rem;color:#1e293b;font-weight:700}.section-indicator{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dashboard-content{flex:1;overflow-x:hidden;overflow-y:auto;background:#faf7f2;position:relative}.content-wrapper{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}@keyframes float{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.mobile-header{display:none;background:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1001}.hamburger-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.hamburger-btn span{width:24px;height:3px;background:#374151;border-radius:2px;transition:all .3s ease}.mobile-title{font-size:1.1rem;font-weight:700;color:#006847;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-right{display:flex;align-items:center;gap:.5rem}.mobile-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700}.mobile-logout-btn{width:32px;height:32px;background:#ce11261a;border:1px solid rgba(206,17,38,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .2s ease}.mobile-logout-btn:hover{background:#ce112633;border-color:#ce1126}.desktop-only{display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media (max-width: 1024px){.dashboard-sidebar{width:240px}.header-content{padding:1rem}.content-wrapper{padding:1.5rem}}@media (max-width: 768px){.mobile-header{display:flex}.dashboard-header,.sidebar-header,.desktop-only{display:none}.dashboard-layout{flex-direction:column}.dashboard-sidebar{position:fixed;top:60px;left:-280px;width:280px;height:calc(100vh - 60px);z-index:1000;transition:left .3s ease;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:20px}.dashboard-sidebar.sidebar-open{left:0}.sidebar-overlay{display:block}.dashboard-main{margin-top:60px;padding-top:0}.sidebar-nav{flex:1;padding:1rem 0;min-height:0}.nav-item{padding:.875rem 1.5rem;margin:0;border-radius:0;border-right:none}.logout-container{margin-top:auto;padding:1rem;flex-shrink:0;background:#f7fafc;border-top:1px solid #e5e7eb}.content-wrapper{padding:1rem}}@media (max-width: 480px){.content-wrapper{padding:.75rem}.mobile-header{padding:.75rem 1rem}}