@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.navbar{background:linear-gradient(135deg,#047857,#065f46);color:#fff;padding:0;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.navbar-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.navbar-brand h1{font-size:24px;font-weight:700;margin:0;white-space:nowrap}.navbar-menu{display:flex;list-style:none;gap:0;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:8px;padding:16px 20px;color:#fffc;text-decoration:none;transition:all .3s ease;border-bottom:3px solid transparent;font-weight:500}.nav-link:hover{color:#fff;background-color:#ffffff26}.nav-link.active{color:#fff;border-bottom-color:#fff;background-color:#fff3}.logout-btn{background:none;border:none;cursor:pointer;color:#fffc;margin-left:auto;border-bottom:3px solid transparent}.logout-btn:hover{color:#fff;background-color:#ef44444d;border-bottom-color:#ef4444}.logout-btn:active{transform:scale(.98)}@media(max-width:768px){.navbar-container{flex-direction:column;gap:12px;padding:12px 16px}.navbar-brand h1{font-size:20px}.navbar-menu{width:100%;justify-content:space-around}.nav-link{padding:12px 16px;font-size:14px}.nav-link span{display:none}.nav-link.active span,.nav-link:hover span{display:inline}}@media(max-width:480px){.navbar-brand h1{font-size:18px}.nav-link{padding:10px 12px;font-size:12px}.nav-link span{display:none}}.mantenimiento-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif;overflow:hidden}.mantenimiento-content{text-align:center;background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .6s ease-out}.mantenimiento-icon{margin-bottom:30px;animation:rotate 3s linear infinite}.mantenimiento-icon svg{color:#667eea}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mantenimiento-titulo{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 15px;letter-spacing:-.5px}.mantenimiento-descripcion{font-size:16px;color:#6b7280;margin:0 0 30px;line-height:1.6;font-weight:400}.mantenimiento-info{display:flex;align-items:center;justify-content:center;gap:10px;background:#f0f4ff;padding:12px 20px;border-radius:10px;margin-bottom:30px;color:#667eea;font-size:14px;font-weight:500}.mantenimiento-info svg{flex-shrink:0}.mantenimiento-progress{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:100%}to{width:0%}}.mantenimiento-espera{font-size:14px;color:#9ca3af;margin:0;font-weight:400}@media(max-width:480px){.mantenimiento-content{padding:40px 25px;border-radius:16px}.mantenimiento-titulo{font-size:24px;margin-bottom:12px}.mantenimiento-descripcion{font-size:14px;margin-bottom:20px}.mantenimiento-icon{margin-bottom:20px}.mantenimiento-icon svg{width:48px;height:48px}}@media(max-width:360px){.mantenimiento-content{padding:30px 20px}.mantenimiento-titulo{font-size:20px}.mantenimiento-descripcion{font-size:13px}}.toast{position:fixed;bottom:20px;right:20px;padding:16px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease;z-index:1000;max-width:400px}.toast-content{display:flex;align-items:center;gap:12px;font-weight:500}.toast-success{background-color:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-close{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.toast-close:hover{opacity:.8}@media(max-width:480px){.toast{bottom:16px;right:16px;left:16px;max-width:none}}.admin-credito-container{width:100%}.credito-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.credito-title{display:flex;align-items:center;gap:12px}.credito-title h2{margin:0;font-size:24px;color:#111;font-weight:700}.credito-title svg{color:#06b6d4}.credito-tabs{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-btn{padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.tab-btn.active{color:#06b6d4;border-bottom-color:#06b6d4}.search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;background:none;font-size:14px;outline:none;color:#111}.empty-state{text-align:center;padding:40px 20px;color:#6b7280;font-size:14px}.solicitud-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s}.solicitud-item:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.solicitud-info{flex:1}.solicitud-cliente{font-weight:600;color:#111;font-size:15px;margin-bottom:4px}.solicitud-equipo{font-size:13px;color:#6b7280;margin-bottom:8px}.solicitud-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.solicitud-monto{font-weight:700;color:#06b6d4;padding:4px 8px;background:#cffafe;border-radius:4px}.solicitud-cuotas{color:#6b7280}.solicitud-date{color:#9ca3af}.solicitud-aprobado{color:#047857;font-weight:600;padding:4px 8px;background:#d1fae5;border-radius:4px}.solicitud-rechazado{color:#991b1b;font-weight:600;padding:4px 8px;background:#fee2e2;border-radius:4px}.solicitud-actions{display:flex;gap:8px;margin-left:16px}.btn-approve,.btn-reject{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-approve{background:#d1fae5;color:#047857}.btn-approve:hover{background:#a7f3d0;transform:scale(1.05)}.btn-reject{background:#fee2e2;color:#991b1b}.btn-reject:hover{background:#fecaca;transform:scale(1.05)}.cuotas-section{margin-top:16px;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #06b6d4}.cuotas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.cuotas-title{font-weight:600;color:#374151;font-size:14px}.cuotas-progress{flex:1;min-width:150px}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.cuotas-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cuota-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;color:#6b7280;transition:all .2s;min-width:50px}.cuota-btn.pendiente:hover:not(:disabled){border-color:#06b6d4;background:#ecf9fc;color:#0891b2;transform:translateY(-2px)}.cuota-btn.pagada{background:#d1fae5;border-color:#10b981;color:#059669;cursor:default}.cuota-btn.pagada svg{color:#10b981}.cuota-btn:disabled{opacity:1}.cuota-valor{font-size:12px;color:#6b7280;text-align:right;font-weight:500}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;color:#111;font-weight:700}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;font-size:14px;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.input-disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel{flex:1;padding:10px 16px;background:#e5e7eb;color:#374151;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#d1d5db}.btn-save{flex:1;padding:10px 16px;background:#06b6d4;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-save:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.btn-delete{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:768px){.credito-title h2{font-size:20px}.solicitud-item{flex-direction:column;align-items:flex-start;gap:12px}.solicitud-actions{width:100%;margin-left:0}.credito-tabs{gap:8px}.tab-btn{padding:10px 12px;font-size:12px}.modal-content{width:95%;max-width:100%}.form-row{grid-template-columns:1fr}}.modal-overlay-fases{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease}.modal-content-fases{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header-fases{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.modal-header-fases h2{font-size:22px;font-weight:700;color:#111;margin:0}.btn-close-fases{background:none;border:none;cursor:pointer;color:#6b7280;font-size:24px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-fases:hover{color:#000;transform:rotate(90deg)}.fases-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.fase-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.fase-item:hover{border-color:#10b981;background:#f0fdf4}.fase-display{display:flex;align-items:center;gap:12px}.fase-numero{background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.fase-nombre{flex:1;font-size:15px;font-weight:600;color:#111}.fase-acciones{display:flex;gap:8px}.btn-editar-fase,.btn-eliminar-fase{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-editar-fase{color:#3b82f6}.btn-editar-fase:hover{background:#dbeafe;color:#1e40af}.btn-eliminar-fase{color:#ef4444}.btn-eliminar-fase:hover{background:#fee2e2;color:#991b1b}.fase-edicion{display:flex;gap:8px;align-items:center;width:100%}.input-fase{flex:1;padding:10px 12px;border:2px solid #10b981;border-radius:8px;font-size:14px;font-weight:500;outline:none;transition:all .2s ease}.input-fase:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811a}.btn-guardar-fase,.btn-cancelar-fase{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-guardar-fase{color:#10b981}.btn-guardar-fase:hover{background:#d1fae5;color:#059669}.btn-cancelar-fase{color:#ef4444}.btn-cancelar-fase:hover{background:#fee2e2;color:#991b1b}.btn-agregar-fase{width:100%;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;font-size:14px}.btn-agregar-fase:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.modal-footer-fases{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:2px solid #f0f0f0}.btn-cancelar,.btn-guardar{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-cancelar{background:#e5e7eb;color:#374151}.btn-cancelar:hover{background:#d1d5db}.fase-info{display:flex;flex-direction:column;gap:4px;flex:1}.fase-fechas{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.fase-fechas-edicion{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f3f4f6;border-radius:8px;margin-top:12px}.fecha-input-group{display:flex;flex-direction:column;gap:6px}.fecha-input-group label{font-size:12px;font-weight:600;color:#374151}.input-fecha{padding:8px 10px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;outline:none;transition:all .2s ease}.input-fecha:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.fecha-acciones{display:flex;gap:8px;grid-column:1 / -1;justify-content:flex-end}.btn-guardar-fecha,.btn-cancelar-fecha{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-guardar-fecha{color:#10b981}.btn-guardar-fecha:hover{background:#d1fae5}.btn-cancelar-fecha{color:#ef4444}.btn-cancelar-fecha:hover{background:#fee2e2}@media(max-width:480px){.modal-content-fases{padding:24px;max-width:95%}.modal-header-fases h2{font-size:18px}.fase-nombre{font-size:14px}.modal-footer-fases{flex-direction:column-reverse}.btn-cancelar,.btn-guardar{width:100%}}.modal-overlay-bloqueo{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content-bloqueo{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header-bloqueo{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #fef3c7;background:linear-gradient(135deg,#fef3c7,#fde68a)}.header-title h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.btn-close-bloqueo{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.btn-close-bloqueo:hover{color:#1f2937}.modal-body-bloqueo{padding:24px}.info-box{background:#fee2e2;border:2px solid #fca5a5;border-radius:12px;padding:16px;margin-bottom:24px}.info-text{margin:0 0 8px;font-size:14px;font-weight:600;color:#991b1b}.info-description{margin:0 0 8px;font-size:13px;color:#7f1d1d;line-height:1.5}.equipo-registrado{margin:0;padding:8px 12px;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;font-size:12px;color:#92400e;font-weight:500}.form-bloqueo{display:flex;flex-direction:column;gap:20px}.select-cliente{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#1f2937;cursor:pointer;transition:all .2s ease}.select-cliente:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.select-cliente:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.select-cliente option{padding:8px;background:#fff;color:#1f2937}.equipo-seleccionado{background:#f0fdf4;border:2px solid #86efac;border-radius:8px;padding:12px;margin:10px 0}.titulo-equipo{margin:0 0 8px;font-size:13px;font-weight:600;color:#166534}.info-equipo{display:flex;flex-direction:column;gap:4px}.info-equipo strong{font-size:14px;color:#15803d}.cliente-nombre{font-size:12px;color:#4b5563}.cliente-correo{font-size:11px;color:#6b7280;font-family:monospace}.form-group-bloqueo{display:flex;flex-direction:column;gap:8px}.form-group-bloqueo label{font-size:14px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:6px}.form-group-bloqueo input{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group-bloqueo input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group-bloqueo input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-group-bloqueo small{font-size:12px;color:#6b7280}.dias-info{color:#667eea;font-weight:500}.resumen-bloqueo{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:16px;margin:20px 0}.resumen-bloqueo h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1f2937}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid #e5e7eb}.resumen-item:last-child{border-bottom:none}.resumen-item span{color:#6b7280;font-weight:500}.resumen-item strong{color:#1f2937;text-align:right;max-width:60%;word-break:break-word}.modal-actions-bloqueo{display:flex;gap:12px;margin-top:24px}.btn-cancelar-bloqueo,.btn-confirmar-bloqueo{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-cancelar-bloqueo{background:#e5e7eb;color:#374151}.btn-cancelar-bloqueo:hover:not(:disabled){background:#d1d5db}.btn-confirmar-bloqueo{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-confirmar-bloqueo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-cancelar-bloqueo:disabled,.btn-confirmar-bloqueo:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.modal-content-bloqueo{width:95%;max-height:95vh}.modal-header-bloqueo{padding:16px}.header-title h3{font-size:18px}.modal-body-bloqueo{padding:16px}.form-bloqueo{gap:16px}.resumen-bloqueo{padding:12px}.resumen-item{flex-direction:column;align-items:flex-start;gap:4px}.resumen-item strong{max-width:100%}.modal-actions-bloqueo{flex-direction:column}.btn-cancelar-bloqueo,.btn-confirmar-bloqueo{width:100%}}.equipos-bloqueados-partido{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:20px}.bloqueos-header-partido{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #fca5a5}.bloqueos-header-partido h4{margin:0;font-size:14px;font-weight:600;color:#991b1b}.icon-alert-partido{color:#dc2626;flex-shrink:0}.bloqueos-list-partido{display:flex;flex-direction:column;gap:10px}.bloqueo-item-partido{background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all .2s ease}.bloqueo-item-partido.activo{border-left:4px solid #dc2626;background:#fef2f2}.bloqueo-item-partido.expirado{border-left:4px solid #10b981;background:#f0fdf4;opacity:.8}.bloqueo-info-partido{flex:1}.bloqueo-titulo-partido{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.bloqueo-titulo-partido strong{color:#1f2937;font-size:13px}.cliente-info{font-size:12px;color:#6b7280;font-weight:400}.badge-bloqueado-partido{display:inline-block;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;white-space:nowrap}.bloqueo-fechas-partido{display:flex;align-items:center;gap:12px;font-size:12px}.fecha-item-partido{display:flex;align-items:center;gap:4px;color:#6b7280}.fecha-item-partido svg{color:#667eea;flex-shrink:0}.dias-restantes-partido{background:#fee2e2;padding:2px 6px;border-radius:3px;color:#92400e;font-weight:500;font-size:11px}.btn-eliminar-bloqueo{display:flex;align-items:center;justify-content:center;padding:6px 8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-eliminar-bloqueo:hover{transform:scale(1.1);box-shadow:0 2px 8px #ef44444d}.btn-eliminar-bloqueo:active{transform:scale(.95)}@media(max-width:480px){.equipos-bloqueados-partido{padding:12px;margin-bottom:16px}.bloqueos-header-partido h4{font-size:13px}.bloqueo-item-partido{flex-direction:column;align-items:flex-start;padding:10px}.bloqueo-titulo-partido{width:100%}.bloqueo-titulo-partido strong{font-size:12px}.cliente-info{font-size:11px}.badge-bloqueado-partido{font-size:9px;padding:2px 4px}.bloqueo-fechas-partido{width:100%;flex-direction:column;align-items:flex-start}.btn-eliminar-bloqueo{align-self:flex-end;padding:5px 7px}}.admin-partidos-container{padding:24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px}.partidos-header-section{margin-bottom:32px}.partidos-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.partidos-title h2{font-size:28px;font-weight:700;color:#000;margin:0}.partidos-title svg{color:#667eea}.partidos-subtitle{font-size:14px;color:#333;margin:0}.partidos-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none!important;border:none;border-bottom:3px solid transparent;color:#000!important;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;position:relative;margin-bottom:-2px}.crear-section{animation:fadeIn .3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{font-size:18px;font-weight:600;color:#000;margin:0}.btn-toggle-form{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-toggle-form:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.crear-form{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group label{font-weight:600;color:#000;font-size:14px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.equipo2-wrapper{display:flex;flex-direction:column;gap:8px}.equipo2-wrapper select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#000;cursor:pointer;font-size:14px}.checkbox-label input{cursor:pointer;width:18px;height:18px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-submit,.btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-eliminar-modal{padding:10px 20px;border:none;border-radius:6px;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.btn-eliminar-modal:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-remover-equipo{padding:10px 20px;border:none;border-radius:6px;background:#f59e0b;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-remover-equipo:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.partidos-list{margin-top:32px}.partidos-list h4{font-size:16px;font-weight:600;color:#000;margin:0 0 16px}.partidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.partido-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-width:280px}.partido-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.partido-header{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center}.partido-header h4{font-size:14px;font-weight:700;margin:0;color:#000}.estado-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.partido-content{padding:16px}.equipos{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.cliente-nombre{font-size:12px;color:#333;margin:0}.vs{font-weight:700;color:#d1d5db;font-size:12px}.partido-info{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.agendados-section{animation:fadeIn .3s ease}.resultado-form-inline,.resultado-inline{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.select-partido,.input-goles{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s}.select-partido{min-width:250px}.input-goles{width:80px;text-align:center}.select-partido:focus,.input-goles:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-registrar-resultado{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-registrar-resultado:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-registrar-resultado:disabled{opacity:.6;cursor:not-allowed}.partido-card.agendado{border-left:4px solid #10b981}.equipos-detalle{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.equipo-detalle{flex:1;text-align:center}.equipo-detalle .cliente-nombre{font-size:13px;font-weight:600;color:#111;margin:0 0 4px}.equipo-detalle .equipo-nombre{font-size:12px;color:#6b7280;margin:0}.pendientes-section{animation:fadeIn .3s ease}.pendientes-section h3{font-size:18px;font-weight:600;color:#111;margin:0 0 24px}.pendientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.pendiente-card{background:#fff;border-radius:12px;border:2px solid #fef3c7;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.pendiente-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.pendiente-header{padding:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.equipo-info{margin-bottom:12px}.equipo-info h4{font-size:16px;font-weight:700;margin:0 0 4px;color:#000}.equipo-info p{font-size:13px;opacity:.9;margin:0;color:#000}.partido-detalles{display:flex;gap:12px;flex-wrap:wrap}.detalle{display:flex;align-items:center;gap:6px;font-size:12px;background:#fff3;padding:4px 8px;border-radius:4px;color:#000}.anotados-list{padding:16px}.anotados-list h5{font-size:14px;font-weight:600;color:#000;margin:0 0 12px}.sin-anotados{font-size:13px;color:#9ca3af;margin:0;font-style:italic}.anotados-items{display:flex;flex-direction:column;gap:12px}.anotado-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.equipos-header .equipos{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px}.partido-footer .info-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;flex:1}.partido-footer .info-item svg{color:#667eea;flex-shrink:0;width:12px;height:12px}.partido-info{padding:12px;background:#f9fafb}.partido-acciones{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb;background:#f3f4f6}.btn-accion{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.btn-editar{background:#dbeafe;color:#0369a1}.anotado-info{flex:1}.anotado-info .nombre{font-size:14px;font-weight:600;color:#000;margin:0 0 4px}.anotado-info .equipo{font-size:12px;color:#6b7280;margin:0}.anotado-actions{display:flex;gap:8px}.btn-aceptar-anotado,.btn-rechazar-anotado{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-aceptar-anotado{background:#d1fae5;color:#059669}.btn-aceptar-anotado:hover{background:#a7f3d0;transform:translateY(-1px)}.btn-rechazar-anotado{background:#fee2e2;color:#dc2626}.btn-rechazar-anotado:hover{background:#fecaca;transform:translateY(-1px)}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.empty-state p{font-size:14px;color:#000;margin:0}.marcador-resultado{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;margin-bottom:12px}.equipo-resultado{display:flex;flex-direction:column;align-items:center;gap:8px}.equipo-resultado .equipo-nombre{font-size:12px;font-weight:600;color:#000;text-align:center;margin-top:4px}.equipo-resultado .goles{font-size:32px;font-weight:700;color:#10b981;margin:0}.vs-resultado{font-size:12px;font-weight:600;color:#9ca3af}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:95%;max-height:95vh;overflow-y:auto;animation:slideUp .3s ease;padding:0}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#000}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;transition:color .2s}.btn-close:hover{color:#000}.modal-form{padding:20px}.form-divider{margin:20px 0 16px;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.form-divider p{margin:0;font-size:13px;font-weight:600;color:#6b7280}.juegos-header{display:flex;align-items:center;justify-content:space-between;background:#1e3a8a;color:#fff;padding:16px 24px;border-radius:12px 12px 0 0;margin-bottom:0}.juegos-header h3{margin:0;font-size:20px;font-weight:600}.selectores-fase-fecha{display:flex;gap:12px;align-items:center}.select-fase,.select-fecha{padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;color:#1e3a8a;min-width:120px}.select-fecha{min-width:180px}.btn-gestionar-fases{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-gestionar-fases:hover{background:#059669;transform:scale(1.05)}.btn-agregar-partido{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#1e3a8a;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;margin:-25px auto 20px;box-shadow:0 4px 12px #1e3a8a4d;transition:all .2s;position:relative;z-index:10}.btn-agregar-partido:hover{background:#1e40af;transform:scale(1.1)}.partidos-por-fecha{background:#fff;border-radius:0 0 12px 12px;padding:24px}.partidos-lista{display:flex;flex-direction:column;gap:20px}.partido-row{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #fbbf24}.equipo-izq,.equipo-der{display:flex;align-items:center;gap:8px;flex:1;min-width:120px}.escudo-mini{width:40px;height:40px;object-fit:contain;border-radius:4px}.equipo-nombre{margin:0;font-weight:600;color:#000;font-size:14px}.marcador-partido{display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;padding:12px 16px;background:#fff;border-radius:6px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s}.marcador-partido:hover{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.goles{font-size:24px;font-weight:700;color:#1f2937;min-width:30px;text-align:center}.separador{font-size:20px;color:#9ca3af;margin:0 4px}.puntos{font-size:20px;color:#9ca3af}.estado-partido{margin:6px 0 0;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;color:#10b981}.marcador-partido.en-vivo{background:#fef3c7;border-color:#f59e0b}.marcador-partido.en-vivo .estado-partido{color:#f59e0b;background:#f59e0b1a}.marcador-partido.finalizado{background:#f0fdf4;border-color:#10b981}.marcador-partido.finalizado .estado-partido{color:#10b981;background:#10b9811a}.partido-detalles-mini{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280;min-width:140px}.partido-detalles-mini p{margin:0}.partido-acciones-mini{display:flex;gap:8px}.btn-editar-mini,.btn-eliminar-mini{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-editar-mini{background:#3b82f6;color:#fff}.btn-editar-mini:hover{background:#2563eb}.btn-eliminar-mini{background:#ef4444;color:#fff}.btn-eliminar-mini:hover{background:#dc2626}@media(max-width:768px){.admin-partidos-container{padding:16px}.partidos-title h2{font-size:22px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-toggle-form{width:100%;justify-content:center}.form-row,.partidos-grid,.pendientes-grid{grid-template-columns:1fr}.resultado-form-inline{flex-direction:column}.resultado-inline{flex-direction:column;width:100%}.select-partido{min-width:100%}.input-goles{width:100%}.partidos-tabs{flex-wrap:wrap}.anotado-item{flex-direction:column;align-items:flex-start;gap:12px}.anotado-actions{width:100%}.btn-aceptar-anotado,.btn-rechazar-anotado{flex:1}.modal-form{max-height:80vh;overflow-y:auto}.form-group{width:100%}.form-divider{margin:16px 0}.puntos-row{grid-template-columns:1fr}}@media(max-width:480px){.admin-partidos-container{padding:12px}.partidos-title h2{font-size:18px}.partidos-title{gap:8px}.partidos-subtitle{font-size:12px}.tab-btn{padding:10px 12px;font-size:12px;gap:4px}.badge-count{min-width:20px;height:20px;font-size:10px}.section-header h3{font-size:16px}.btn-toggle-form{padding:10px 12px;font-size:12px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px}.btn-submit,.btn-cancel,.btn-eliminar-modal{padding:10px 12px;font-size:12px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}.modal-header{padding:12px}.modal-header h3{font-size:16px}.btn-close{width:28px;height:28px;font-size:18px}.partido-card{padding:12px;margin-bottom:12px}.partido-header,.partido-info{flex-direction:column;gap:8px}.equipo-vs{flex-direction:column;align-items:center;gap:8px}.vs-text{margin:0}.partido-meta{flex-direction:column;gap:6px;font-size:11px}.partido-acciones{flex-direction:column;gap:8px;width:100%}.btn-editar,.btn-eliminar,.btn-editar-mini,.btn-eliminar-mini{padding:8px 10px;font-size:11px;flex:1}.anotado-item{padding:10px}.anotado-actions{gap:8px}.btn-aceptar-anotado,.btn-rechazar-anotado{padding:8px 10px;font-size:11px}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}.puntos-preview{padding:12px;margin:12px 0}.puntos-row{gap:10px}.puntos-equipo{padding:10px}.puntos-valor{font-size:20px}.apuestas-badge,.apuesta-obligatoria-badge,.premio-extra-badge{font-size:11px;padding:6px 10px}.btn-remover-equipo{padding:8px 10px;font-size:11px;min-width:auto}}.puntos-preview{margin:16px 0;padding:16px;background:#f0fdf4;border-radius:8px;border-left:4px solid #10b981}.puntos-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.puntos-equipo{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border-radius:6px;border:2px solid #d1fae5}.puntos-label{font-size:12px;color:#6b7280;margin:0 0 8px;font-weight:500}.puntos-valor{font-size:24px;font-weight:700;color:#10b981;margin:0}.partido-puntos{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#92400e}.partido-puntos svg{color:#f59e0b;flex-shrink:0}.puntos-ganador{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puntos-en-juego{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#e0f2fe;border-radius:4px;border-left:3px solid #0284c7;font-size:11px;font-weight:600;color:#0c4a6e}.puntos-en-juego svg{color:#0284c7;flex-shrink:0}.puntos-juego-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apuestas-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fef08a,#fde047);border-radius:6px;border-left:4px solid #eab308;font-size:12px;font-weight:600;color:#713f12;margin-top:8px}.apuesta-icon{font-size:16px}.apuesta-monto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apuesta-obligatoria-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fca5a5,#f87171);border-radius:6px;border-left:4px solid #dc2626;font-size:12px;font-weight:600;color:#7f1d1d;margin-top:8px}.btn-remover-equipo{padding:10px 16px;border:none;border-radius:6px;background:linear-gradient(135deg,#fca5a5,#f87171);border-left:4px solid #dc2626;font-size:12px;font-weight:600;color:#7f1d1d;cursor:pointer;transition:all .2s;flex:1;min-width:140px}.btn-remover-equipo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.apuesta-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premio-extra-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-radius:6px;border-left:4px solid #10b981;font-size:12px;font-weight:600;color:#065f46;margin-top:8px}.premio-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipo-info-admin{display:flex;flex-direction:column;align-items:center;gap:4px}.camiseta-icon-admin{transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.camiseta-icon-admin:hover{transform:scale(1.2);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-quitar-equipo{padding:8px 12px;border:none;border-radius:4px;background:linear-gradient(135deg,#fca5a5,#f87171);border-left:3px solid #dc2626;font-size:11px;font-weight:600;color:#7f1d1d;cursor:pointer;transition:all .2s;margin-top:6px;width:100%}.btn-quitar-equipo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d;background:linear-gradient(135deg,#f87171,#ef4444)}.btn-bloquear-equipo{padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#d97706);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f59e0b4d}.btn-bloquear-equipo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.btn-bloquear-equipo:active{transform:translateY(0)}.zapatos-divider{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:8px;padding:12px 16px!important;margin-top:16px}.zapatos-divider p{color:#dc2626!important;font-weight:600}.zapatos-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.checkbox-zapatos{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.checkbox-zapatos input[type=checkbox]{width:20px;height:20px;accent-color:#dc2626;cursor:pointer}.checkbox-text{color:#991b1b;font-size:15px}.equipo-perdedor-zapatos{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.equipo-perdedor-zapatos label{display:block;margin-bottom:12px;font-weight:600;color:#991b1b}.equipos-zapatos-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-equipo-zapatos{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.btn-equipo-zapatos:hover{border-color:#f87171;background:#fff5f5}.btn-equipo-zapatos.selected{border-color:#dc2626;background:#fef2f2}.btn-equipo-zapatos.selected.perdedor{border-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 4px 12px #dc262633}.btn-equipo-zapatos .escudo-mini{width:40px;height:40px;object-fit:contain}.btn-equipo-zapatos span{font-weight:500;color:#374151;text-align:center}.btn-equipo-zapatos .resultado-zapatos{font-size:18px;font-weight:700;color:#dc2626;background:#fee2e2;padding:4px 12px;border-radius:6px;margin-top:4px}.zapatos-resultado-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:10px;color:#fff}.zapatos-icon{font-size:24px}.zapatos-texto{font-weight:600;font-size:14px}.zapatos-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px;color:#fff;font-size:12px;margin-top:8px}.zapatos-badge .zapatos-icon{font-size:16px}.zapatos-badge .zapatos-texto{font-weight:600}.select-tipo-apuesta{width:100%;padding:12px 16px;font-size:14px;font-weight:500;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.select-tipo-apuesta:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.select-tipo-apuesta option{padding:12px;font-size:14px}.form-hint{display:block;margin-top:6px;font-size:12px;color:#6b7280;font-style:italic}.form-hint.warning{color:#f59e0b;font-weight:500}.apuesta-info-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;padding:16px;text-align:center}.apuesta-info{font-size:14px;font-weight:600;color:#059669;margin:0 0 8px}.apuesta-rango{font-size:13px;color:#047857;margin:0}.apuesta-rango strong{color:#065f46;font-weight:700}.busqueda-equipo{position:relative;display:flex;align-items:center;margin-bottom:8px}.busqueda-equipo .search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.input-busqueda-equipo{width:100%;padding:10px 12px 10px 36px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;background-color:#f9fafb}.input-busqueda-equipo:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.input-busqueda-equipo:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.input-busqueda-equipo::placeholder{color:#9ca3af}.no-resultados{display:block;padding:8px 12px;font-size:13px;color:#ef4444;background-color:#fef2f2;border-radius:6px;margin-top:4px;text-align:center}.equipo-wrapper .busqueda-equipo,.equipo-wrapper select{margin-bottom:8px}.admin-versus-container{padding:24px;background:#f9fafb;border-radius:12px}.versus-header-section{margin-bottom:32px}.versus-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.versus-title h2{font-size:28px;font-weight:700;color:#111;margin:0}.versus-title svg{color:#667eea}.versus-subtitle{font-size:14px;color:#6b7280;margin:0}.versus-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px}.versus-search svg{color:#6b7280;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:14px;color:#111}.search-input::placeholder{color:#d1d5db}.versus-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.versus-empty svg{color:#d1d5db;margin-bottom:16px}.versus-empty h3{font-size:18px;font-weight:600;color:#111;margin:0 0 8px}.versus-empty p{font-size:14px;color:#6b7280;margin:0}.versus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:32px}.versus-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.versus-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.card-header{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.cliente-info h3{font-size:16px;font-weight:700;margin:0 0 4px}.equipo-nombre{font-size:13px;opacity:.9;margin:0}.cliente-badge{display:flex;gap:8px}.badge-online{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.card-content{padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.info-row .label{font-weight:600;color:#6b7280}.info-row .value{color:#111;word-break:break-all}.horarios-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.horarios-section h4{font-size:13px;font-weight:600;color:#111;margin:0 0 12px}.dias-disponibles{display:flex;flex-direction:column;gap:10px}.dia-item{padding:10px;background:#f9fafb;border-radius:8px;border-left:3px solid #667eea}.dia-nombre{display:block;font-size:12px;font-weight:600;color:#667eea;margin-bottom:6px}.horas-list{display:flex;flex-wrap:wrap;gap:6px}.hora-badge{display:inline-flex;align-items:center;gap:4px;background:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#667eea;border:1px solid #e0e7ff}.sin-horarios{font-size:12px;color:#9ca3af;margin:0;font-style:italic}.card-actions{padding:12px 16px;background:#f9fafb;display:flex;gap:8px;border-top:1px solid #e5e7eb}.btn-crear-partido,.btn-contactar{flex:1;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-crear-partido{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-crear-partido:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-contactar{background:#fff;color:#667eea;border:1px solid #667eea}.btn-contactar:hover{background:#f0f4ff}.versus-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-box{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.stat-box svg{color:#667eea;flex-shrink:0}.stat-label{font-size:13px;color:#6b7280;margin:0}.stat-value{font-size:24px;font-weight:700;color:#111;margin:0}.versus-loading{text-align:center;padding:40px;color:#6b7280;font-size:14px}.versus-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;position:relative;margin-bottom:-2px}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.solicitudes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:32px}.solicitud-admin-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.solicitud-admin-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.solicitud-header{padding:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.clientes-info{display:flex;align-items:center;gap:12px;flex:1}.cliente-box{flex:1}.cliente-box h4{font-size:14px;font-weight:700;margin:0 0 4px}.cliente-box .equipo{font-size:12px;opacity:.9;margin:0}.vs-text{font-weight:700;font-size:12px;opacity:.8;white-space:nowrap}.estado-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff3;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.estado-badge.pendiente{background:#ffffff4d}.solicitud-details{padding:16px;border-bottom:1px solid #e5e7eb}.detail-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:13px;color:#374151}.detail-row svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.detail-row.descripcion{flex-direction:column;gap:6px}.detail-row .label{font-weight:600;color:#6b7280}.solicitud-actions{padding:12px 16px;background:#f9fafb;display:flex;gap:8px}.btn-aceptar,.btn-rechazar{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-aceptar{background:#d1fae5;color:#059669}.btn-aceptar:hover{background:#a7f3d0;transform:translateY(-2px)}.btn-rechazar{background:#fee2e2;color:#dc2626}.btn-rechazar:hover{background:#fecaca;transform:translateY(-2px)}.clientes-section,.solicitudes-section{animation:fadeIn .3s ease}.gestionar-section{animation:fadeIn .3s ease}.gestionar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.gestionar-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.gestionar-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.gestionar-header{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.gestionar-header .cliente-info h4{font-size:16px;font-weight:700;margin:0 0 4px}.gestionar-header .equipo{font-size:13px;opacity:.9;margin:4px 0}.gestionar-header .correo{font-size:12px;opacity:.8;margin:4px 0;word-break:break-all}.gestionar-content{padding:16px;flex:1;border-bottom:1px solid #e5e7eb}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-row .label{font-weight:600;color:#6b7280;font-size:13px}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.habilitado{background:#d1fae5;color:#059669}.status-badge.deshabilitado{background:#fee2e2;color:#dc2626}.gestionar-actions{padding:12px 16px;background:#f9fafb;display:flex;gap:8px;flex-wrap:wrap;min-height:40px}.btn-habilitar,.btn-deshabilitar,.btn-bloquear,.btn-desbloquear{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-habilitar{background:#d1fae5;color:#059669}.btn-habilitar:hover{background:#a7f3d0;transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.btn-deshabilitar{background:#fee2e2;color:#dc2626}.btn-deshabilitar:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.btn-bloquear,.btn-desbloquear{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-bloquear{background:#fef3c7;color:#92400e}.btn-bloquear:hover{background:#fde68a;transform:translateY(-2px);box-shadow:0 4px 12px #b4530933}.btn-desbloquear{background:#dbeafe;color:#0c4a6e}.btn-desbloquear:hover{background:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 12px #0c4a6e33}@media(max-width:768px){.versus-grid,.solicitudes-grid,.gestionar-grid{grid-template-columns:1fr}.card-header{flex-direction:column}.cliente-badge{margin-top:8px}.card-actions{flex-direction:column}.btn-crear-partido,.btn-contactar{width:100%}.versus-stats{grid-template-columns:1fr}.solicitud-header{flex-direction:column}.clientes-info{width:100%}.solicitud-actions{flex-direction:column}.btn-aceptar,.btn-rechazar{width:100%}.versus-tabs{flex-wrap:wrap}.gestionar-actions{flex-direction:column}.btn-habilitar,.btn-deshabilitar,.btn-bloquear,.btn-desbloquear{width:100%}}.solicitudes-header{margin-bottom:24px;display:flex;justify-content:flex-end}.btn-crear-versus{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-crear-versus:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.formulario-crear-versus{background:#fff;border:2px solid #667eea;border-radius:12px;padding:24px;margin-bottom:24px;animation:slideDown .3s ease}.formulario-crear-versus h3{margin:0 0 20px;font-size:20px;color:#111}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-guardar,.btn-cancelar{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-cancelar{background:#f3f4f6;color:#6b7280}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-guardar,.btn-cancelar{width:100%}}.notificaciones-section{padding:24px}.notificaciones-list{display:flex;flex-direction:column;gap:12px}.notificacion-item{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #667eea;border-radius:8px;padding:16px;transition:all .2s ease}.notificacion-item:hover{box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notif-header h4{font-size:16px;font-weight:600;color:#111;margin:0}.notif-fecha{font-size:12px;color:#9ca3af;background:#f3f4f6;padding:4px 8px;border-radius:4px}.notif-mensaje{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.admin-opciones{padding:20px;max-width:1200px;margin:0 auto}.admin-opciones h2{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:600}.mensaje{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease-out}.mensaje.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.mensaje.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.opciones-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.opciones-section h3{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}.section-subtitle{color:#6b7280;font-size:14px;margin-bottom:16px}.logo-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.logo-preview,.logo-placeholder{width:120px;height:120px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;position:relative}.logo-preview{border-style:solid;border-color:#10b981;background-color:#f0fdf4;padding:8px}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{color:#9ca3af;text-align:center;font-size:12px}.btn-eliminar{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.btn-eliminar:hover{background-color:#dc2626}.btn-upload{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-upload:hover{background-color:#2563eb}.iconos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.icono-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;transition:all .2s}.icono-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.icono-header{margin-bottom:12px}.icono-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.icono-preview{width:100%;height:100px;border:2px dashed #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#fff;margin-bottom:12px;position:relative;overflow:hidden}.icono-preview img{max-width:90%;max-height:90%;object-fit:contain}.icono-default{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.default-label{font-size:11px;color:#9ca3af}.btn-eliminar-icono{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.btn-eliminar-icono:hover{background-color:#dc2626}.btn-upload-small{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:12px;transition:background-color .2s}.btn-upload-small:hover{background-color:#059669}.opciones-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.btn-guardar{padding:12px 32px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:16px}.btn-guardar:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.orden-botones-list{display:flex;flex-direction:column;gap:12px}.orden-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.orden-item:hover{background:#f3f4f6;border-color:#10b981}.orden-info{display:flex;align-items:center;gap:12px;flex:1}.orden-info svg{color:#10b981;flex-shrink:0}.orden-nombre{font-weight:600;color:#1f2937;font-size:14px}.orden-controls{display:flex;gap:8px}.btn-mover{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-mover:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.btn-mover:disabled{opacity:.5;cursor:not-allowed}.desafios-control{display:flex;flex-direction:column;gap:16px}.control-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #86efac;border-radius:8px;gap:20px}.toggle-info{display:flex;flex-direction:column;gap:8px;flex:1}.toggle-label{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#1f2937}.toggle-label svg{color:#10b981;flex-shrink:0}.toggle-description{font-size:14px;color:#6b7280;margin:0}.toggle-button{padding:10px 20px;border:2px solid #10b981;background-color:#fff;color:#10b981;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.toggle-button:hover{background-color:#f0fdf4}.toggle-button.active{background-color:#10b981;color:#fff;border-color:#059669}.toggle-button.active:hover{background-color:#059669}.mantenimiento-control{display:flex;flex-direction:column;gap:20px}.mantenimiento-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.info-box{padding:12px;background:#fff;border-radius:6px;border-left:4px solid #10b981}.info-box h4{margin:0 0 8px;color:#1f2937;font-size:14px;font-weight:600}.mensaje-preview{margin:8px 0;padding:8px;background:#f0fdf4;border-radius:4px;color:#065f46;font-size:13px;font-weight:500}.descripcion-preview{margin:8px 0;padding:8px;background:#fef3c7;border-radius:4px;color:#92400e;font-size:13px;line-height:1.4}.acceso-list{list-style:none;padding:0;margin:0}.acceso-list li{padding:6px 0;font-size:13px;color:#374151}.acceso-list strong{color:#1f2937;font-weight:600}.whatsapp-control{display:flex;flex-direction:column;gap:16px}.telefono-input-container{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px;margin-top:8px}.telefono-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:8px}.telefono-label svg{color:#10b981}.telefono-input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.telefono-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.telefono-input::placeholder{color:#9ca3af}.telefono-hint{margin-top:8px;font-size:12px;color:#6b7280}@media(max-width:768px){.admin-opciones,.opciones-section{padding:16px}.logo-container{flex-direction:column;align-items:flex-start}.iconos-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.icono-preview{height:80px}.mantenimiento-info{grid-template-columns:1fr}}.twilio-config-container{margin-top:20px;padding:16px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.twilio-info{display:flex;align-items:center;gap:12px;color:#fff}.twilio-info svg{flex-shrink:0}.twilio-info strong{display:block;font-size:14px;margin-bottom:2px}.twilio-info p{font-size:12px;opacity:.9;margin:0}.btn-configurar-twilio{padding:10px 20px;background:#fff;color:#128c7e;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-configurar-twilio:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-configurar-twilio:disabled{opacity:.7;cursor:not-allowed}.btn-configurar-twilio.configurado{background:#d1fae5;color:#065f46}@media(max-width:480px){.twilio-config-container{flex-direction:column;text-align:center}.twilio-info{flex-direction:column}.btn-configurar-twilio{width:100%}}.correo-section{border:2px solid #10b981}.correo-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.correo-form-admin{display:flex;flex-direction:column;gap:16px}.form-group-correo label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-group-correo input,.form-group-correo textarea{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;font-family:inherit}.form-group-correo input:focus,.form-group-correo textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group-correo textarea{resize:vertical;min-height:120px}.enviar-todos-option{padding:14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border:1px solid #86efac}.checkbox-correo-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#166534}.checkbox-correo-label input[type=checkbox]{width:18px;height:18px;accent-color:#10b981;cursor:pointer}.checkbox-correo-label svg{color:#10b981}.resultado-correo{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-weight:500;font-size:14px}.resultado-correo.exito{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border:1px solid #86efac}.resultado-correo.error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.btn-enviar-correo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-enviar-correo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-enviar-correo:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}.clientes-selector-correo{background:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;max-height:400px}.selector-header-correo{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selector-header-correo h4{margin:0;font-size:14px;color:#374151}.selector-actions-correo{display:flex;gap:6px}.btn-sel,.btn-desel{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-sel{background:#10b981;color:#fff}.btn-sel:hover{background:#059669}.btn-desel{background:#e5e7eb;color:#6b7280}.btn-desel:hover{background:#d1d5db}.busqueda-correo{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px}.busqueda-correo svg{color:#9ca3af;flex-shrink:0}.busqueda-correo input{flex:1;border:none;background:transparent;font-size:13px;outline:none}.btn-limpiar-correo{display:flex;align-items:center;justify-content:center;padding:2px;background:#e5e7eb;border:none;border-radius:3px;cursor:pointer;color:#6b7280}.clientes-lista-correo{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.cliente-item-correo{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.cliente-item-correo:last-child{border-bottom:none}.cliente-item-correo:hover{background:#f9fafb}.cliente-item-correo.seleccionado{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.cliente-item-correo.sin-correo{opacity:.5;cursor:not-allowed}.cliente-check-correo{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.cliente-item-correo.seleccionado .cliente-check-correo{background:#10b981;border-color:#10b981;color:#fff}.cliente-info-correo{display:flex;flex-direction:column;gap:2px;min-width:0}.cliente-info-correo .nombre{font-weight:600;color:#1f2937;font-size:13px}.cliente-info-correo .correo{font-size:11px;color:#10b981;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cliente-item-correo.sin-correo .cliente-info-correo .correo{color:#ef4444}.contador-correo{margin-top:10px;text-align:center;font-size:12px;color:#6b7280;padding:6px;background:#fff;border-radius:4px}@media(max-width:768px){.correo-container{grid-template-columns:1fr}.clientes-selector-correo{max-height:300px}}@media(max-width:480px){.correo-section{padding:16px}.selector-header-correo{flex-direction:column;gap:8px;align-items:flex-start}}.pwa-icon-container{display:flex;flex-direction:column;gap:20px}.pwa-icon-preview-area{display:flex;justify-content:center}.pwa-icon-preview{width:150px;height:150px;border:3px solid #10b981;border-radius:24px;display:flex;align-items:center;justify-content:center;background-color:#f0fdf4;position:relative;overflow:hidden;box-shadow:0 4px 12px #10b98133}.pwa-icon-preview img{width:100%;height:100%;object-fit:cover;border-radius:20px}.pwa-icon-placeholder{width:150px;height:150px;border:2px dashed #d1d5db;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;color:#9ca3af;text-align:center;gap:8px}.pwa-icon-placeholder p{margin:0;font-size:14px;font-weight:500}.pwa-icon-placeholder .hint{font-size:12px;color:#d1d5db}.pwa-icon-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-subir-pwa{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-subir-pwa:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-subir-pwa:disabled{opacity:.7;cursor:not-allowed}.pwa-icon-info{background:#f3f4f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.pwa-icon-info .info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.pwa-icon-info .info-item strong{color:#1f2937}.pwa-icon-info .info-item.warning{background:#fef3c7;padding:10px 12px;border-radius:8px;color:#92400e;font-size:13px}.pwa-icon-info .info-item.warning svg{flex-shrink:0}@media(max-width:480px){.pwa-icon-preview,.pwa-icon-placeholder{width:120px;height:120px}.pwa-icon-actions{flex-direction:column;align-items:stretch}.pwa-icon-actions .btn-upload,.pwa-icon-actions .btn-subir-pwa{justify-content:center}}.admin-aniversarios{padding:24px;max-width:1200px;margin:0 auto}.aniversarios-header{margin-bottom:24px}.aniversarios-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.aniversarios-subtitle{color:#6b7280;font-size:14px;margin:0}.aniversarios-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s;font-size:15px}.tab-btn:hover{color:#10b981}.aniversarios-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:24px}.aniversarios-search svg{color:#9ca3af;flex-shrink:0}.aniversarios-search input{flex:1;border:none;outline:none;font-size:15px;color:#1f2937}.aniversarios-search input::placeholder{color:#9ca3af}.aniversarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px}.aniversario-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.aniversario-card:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98126;transform:translateY(-4px)}.aniversario-card.hoy{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;box-shadow:0 8px 24px #fbbf2433}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.card-title h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1f2937}.card-equipo{margin:0;font-size:13px;color:#6b7280}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-hoy{background-color:#fbbf24;color:#92400e}.badge-semana{background-color:#dbeafe;color:#0c4a6e}.badge-normal{background-color:#e0e7ff;color:#3730a3}.card-content{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.fecha-display{display:flex;align-items:center;gap:8px;padding:12px;background-color:#f3f4f6;border-radius:8px;font-weight:600;color:#1f2937}.fecha-display svg{color:#10b981;flex-shrink:0}.celebracion-banner{padding:12px;background-color:#fbbf24;border-radius:8px;text-align:center;font-weight:700;font-size:14px;color:#92400e;animation:pulse 2s infinite}.card-footer{padding-top:12px;border-top:1px solid #e5e7eb}.correo{font-size:12px;color:#9ca3af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.resumen-proximas{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px}.resumen-proximas h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#1f2937}.resumen-list{display:flex;flex-direction:column;gap:12px}.resumen-item{display:flex;align-items:center;gap:16px;padding:12px;background-color:#f9fafb;border-radius:8px;transition:all .2s}.resumen-item:hover{background-color:#f3f4f6}.resumen-fecha{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-weight:700;flex-shrink:0}.resumen-fecha .dia{font-size:20px}.resumen-fecha .mes{font-size:11px;text-transform:uppercase;opacity:.9}.resumen-nombre{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.resumen-equipo{margin:0;font-size:12px;color:#6b7280}.resumen-dias{text-align:right;font-weight:600;color:#10b981;font-size:14px}.hoy-badge{display:inline-block;padding:6px 12px;background-color:#fbbf24;color:#92400e;border-radius:20px;font-size:12px;font-weight:700}@media(max-width:768px){.admin-aniversarios{padding:16px}.aniversarios-header h2{font-size:24px}.aniversarios-grid{grid-template-columns:1fr}.card-header{flex-direction:column}.badge{align-self:flex-start}.resumen-item{flex-wrap:wrap}.resumen-info{flex:1 1 100%}.resumen-dias{flex:1 1 100%;text-align:left;margin-top:8px}}@media(max-width:480px){.aniversarios-header h2{font-size:20px}.aniversarios-tabs{flex-wrap:wrap}.tab-btn{font-size:13px;padding:10px 16px}.aniversario-card{padding:16px}.card-title h3{font-size:14px}.resumen-fecha{width:50px;height:50px}.resumen-fecha .dia{font-size:16px}}.admin-desafios-fullscreen{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.admin-desafios-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{font-size:28px;font-weight:700;margin:0}.btn-cerrar-fullscreen{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-cerrar-fullscreen:hover{background:#ffffff4d;border-color:#ffffff80}.admin-desafios-container{width:100%}.admin-desafios-fullscreen .admin-desafios-content{display:grid;grid-template-columns:1fr 0px;gap:0;flex:1;overflow:hidden;align-items:start}.admin-desafios-fullscreen .admin-desafios-content-full{display:flex;flex-direction:column;flex:1;overflow:hidden}.search-section-full{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.clientes-search-results-full{flex:1;display:flex;flex-direction:column}.clientes-list-full{display:flex;flex-direction:column;gap:12px}.cliente-option-full{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.cliente-option-full:hover{border-color:#10b981;background:#f0fdf4;transform:translate(4px);box-shadow:0 4px 12px #10b9811a}.admin-desafios-content{display:grid;grid-template-columns:300px 1fr;gap:24px;flex:1;overflow:hidden}.admin-desafios-fullscreen .search-section{background:#f9fafb;padding:24px;border-radius:0;box-shadow:none;height:100%;position:static;border-right:2px solid #e5e7eb;overflow-y:auto;display:flex;flex-direction:column}.search-box{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:2px solid #10b981;border-radius:10px;color:#6b7280;margin-bottom:20px}.search-box input{flex:1;border:none;background:none;outline:none;font-size:15px;color:#111}.clientes-search-results{max-height:none;overflow-y:visible;flex:1;display:flex;flex-direction:column}.clientes-list{display:flex;flex-direction:column;gap:8px;flex:1}.cliente-option{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:12px}.cliente-option:hover{border-color:#10b981;background:#f0fdf4;transform:translate(4px)}.cliente-option.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.cliente-option-name{font-weight:700;color:#111;font-size:16px;display:block;margin-bottom:6px}.cliente-option-meta{font-size:13px;color:#9ca3af;margin-top:0;display:block}.cliente-option-progress{display:flex;align-items:center;gap:8px;margin-left:8px}.progress-badge{background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.progress-percentage{font-size:12px;font-weight:700;color:#10b981;min-width:30px;text-align:right}.empty-state{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.admin-desafios-fullscreen .cliente-desafios-section{background:#fff;border-radius:0;box-shadow:none;padding:24px;overflow-y:auto;display:flex;flex-direction:column;min-height:auto}.cliente-desafios-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;min-height:auto}.cliente-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.cliente-info h2{font-size:24px;font-weight:700;color:#111;margin:0 0 8px}.cliente-email{font-size:13px;color:#6b7280;margin:0 0 4px}.cliente-equipo{font-size:13px;color:#10b981;font-weight:600;margin:0}.cliente-stats{display:flex;gap:16px}.stat-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;text-align:center}.stat-box.highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.stat-value{font-size:24px;font-weight:700;color:#111}.stat-box.highlight .stat-value{color:#10b981}.stat-label{font-size:11px;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.desafios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.desafio-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;position:relative}.desafio-number{position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;box-shadow:0 2px 6px #10b9814d;z-index:10}.desafio-card.completado .desafio-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #fbbf244d}.desafio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.desafio-icon{font-size:28px}.desafio-status{display:flex;align-items:center}.desafio-content h3{font-size:14px;font-weight:700;color:#111;margin:0 0 8px}.empty-state-large{display:none}.empty-state-large svg{color:#d1d5db;margin-bottom:8px;opacity:.5;width:24px;height:24px}.empty-state-large p{font-size:12px;margin:0}@media(max-width:1024px){.admin-desafios-content{grid-template-columns:1fr}.search-section{position:static}.desafios-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.admin-desafios-fullscreen .admin-desafios-content{grid-template-columns:1fr}.admin-desafios-header h1{font-size:24px}.cliente-header{flex-direction:column;gap:16px}.cliente-stats{width:100%;justify-content:space-between}.stat-box{flex:1}.desafios-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.desafio-card{padding:12px}.desafio-icon{font-size:24px}.desafio-number{width:24px;height:24px;font-size:10px;top:-6px;left:-6px}.desafio-content h3{font-size:13px}.admin-desafios-fullscreen .search-section{border-right:none;border-bottom:2px solid #e5e7eb;padding:16px;max-height:200px;overflow-y:auto}.admin-desafios-fullscreen .cliente-desafios-section{padding:16px}}.desafios-fullscreen-modal{position:fixed;inset:0;background:#f9fafb;z-index:2000;display:flex;flex-direction:column;overflow:hidden}.desafios-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-bottom:none;flex-shrink:0}.desafios-modal-header h2{font-size:16px;font-weight:700;margin:0;flex:1;text-align:center}.btn-back-modal{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:all .2s ease}.btn-back-modal:hover{background:#ffffff4d;border-color:#ffffff80}.desafios-modal-content{flex:1;overflow-y:auto;padding:12px}@media(max-width:480px){.admin-desafios-fullscreen .admin-desafios-content{grid-template-columns:1fr}.desafios-fullscreen-modal{display:flex}.empty-state-large{display:none}.desafios-modal-content .cliente-header{background:linear-gradient(135deg,#10b981,#059669);padding:12px;border-radius:8px;margin-bottom:12px;border:none}.desafios-modal-content .cliente-info{color:#fff}.desafios-modal-content .cliente-email,.desafios-modal-content .cliente-equipo{color:#ffffffe6;font-size:12px}.desafios-modal-content .cliente-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.desafios-modal-content .stat-box{background:#fff3;padding:8px;border:1px solid rgba(255,255,255,.3)}.desafios-modal-content .stat-value{color:#fff;font-size:18px}.desafios-modal-content .stat-label{color:#fffc;font-size:10px}.admin-desafios-header h1{font-size:20px}.desafios-grid{grid-template-columns:1fr;gap:10px}.cliente-header{padding-bottom:16px}.cliente-stats{flex-wrap:wrap}.stat-box{flex:1 1 calc(50% - 8px)}.admin-desafios-fullscreen .search-section{border-right:none;border-bottom:2px solid #e5e7eb;padding:12px;max-height:150px}.cliente-option{padding:12px;margin-bottom:8px}.cliente-option-name{font-size:14px}.cliente-option-meta{font-size:11px}.search-box{padding:12px;margin-bottom:12px}.search-box input{font-size:14px}.admin-desafios-fullscreen .cliente-desafios-section{padding:12px}.cliente-header{flex-direction:column}.cliente-stats{width:100%;gap:8px}.stat-box{padding:8px 12px}.stat-value{font-size:20px}.desafios-grid{grid-template-columns:1fr;gap:12px}.desafio-card{padding:12px}.desafio-icon{font-size:24px}.desafio-number{width:22px;height:22px;font-size:9px;top:-5px;left:-5px}.desafio-content h3{font-size:12px}}.reserva-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.reserva-modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.reserva-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.reserva-modal-title{display:flex;align-items:center;gap:12px}.reserva-modal-title h2{font-size:20px;font-weight:700;color:#111;margin:0}.reserva-modal-title svg{color:#10b981}.btn-close-modal{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-close-modal:hover{background:#e5e7eb;color:#374151}.reserva-modal-form{padding:24px}.cliente-info-section{margin-bottom:24px}.cliente-info-section h3{font-size:16px;font-weight:600;color:#111;margin:0 0 12px}.cliente-datos{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.cliente-datos p{margin:0 0 8px;font-size:14px;color:#374151}.cliente-datos p:last-child{margin-bottom:0}.cliente-datos strong{color:#111}.form-divider{height:1px;background:#e5e7eb;margin:24px 0}.reserva-form-section h3{font-size:16px;font-weight:600;color:#111;margin:0 0 16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group label svg{color:#10b981;width:16px;height:16px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111;background:#fff;transition:all .2s ease}.form-group input::placeholder{color:#9ca3af}.estado-pago-info{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-top:6px}.info-text{font-size:12px;color:#92400e;margin:0;line-height:1.4;font-weight:500}.reserva-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancelar,.btn-guardar{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-cancelar:hover:not(:disabled){background:#e5e7eb}.btn-guardar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-guardar:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-cancelar:disabled,.btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.reserva-modal-overlay{padding:16px}.reserva-modal-content{max-height:95vh}.reserva-modal-header{padding:20px 20px 16px}.reserva-modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.reserva-modal-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%;padding:12px 20px}}.admin-reservas-container{padding:24px;background:#f9fafb;min-height:100vh}.admin-reservas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.filters-section{display:flex;gap:20px;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px -1px #0000001a}.search-box{display:flex;align-items:center;gap:12px;flex:1;max-width:400px;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.search-box:focus-within{border-color:#10b981;background:#fff}.search-box svg{color:#10b981;flex-shrink:0}.search-box input::placeholder{color:#9ca3af}.filter-controls{display:flex;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6b7280}.filter-group label svg{width:14px;height:14px;color:#10b981}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111;background:#fff;min-width:120px}.filter-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.reservas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.reserva-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:#10b981}.cliente-info{display:flex;align-items:center;gap:12px}.cliente-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #10b981}.cliente-avatar img{width:100%;height:100%;object-fit:cover}.cliente-avatar svg{color:#6b7280}.cliente-datos{flex:1}.cliente-nombre{font-size:14px;font-weight:600;color:#111;margin-bottom:2px}.cliente-equipo{font-size:12px;color:#10b981;font-weight:500}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pago{margin-left:8px}.status-badge.pago.pagada{background:#dcfce7;color:#166534}.status-badge.pago.pendiente{background:#fef3c7;color:#92400e}.reserva-detalles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detalle-item{display:flex;align-items:flex-start;gap:8px}.detalle-item svg{color:#10b981;width:16px;height:16px;margin-top:2px;flex-shrink:0}.detalle-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.detalle-value{font-size:14px;font-weight:600;color:#111;margin-bottom:2px}.detalle-dia{font-size:12px;color:#10b981;font-weight:500}.detalle-value.pagado{color:#10b981;font-weight:700}.detalle-value.pendiente{color:#ef4444;font-weight:700}.historial-pagos{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pago-detalle{background:#f3f4f6;border-left:3px solid #10b981;padding:8px 12px;border-radius:4px;font-size:13px}.pago-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pago-fecha{font-size:12px;color:#6b7280}.reserva-footer{padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.reserva-fecha-creacion{font-size:11px;color:#9ca3af}.reserva-email{font-size:11px;color:#6b7280;font-weight:500}.reserva-acciones{display:flex;gap:8px}.btn-cambiar-pago{border:none;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600}.btn-cambiar-pago.pagada{background:#dcfce7;color:#166534;border:1px solid #86efac}.btn-cambiar-pago.pagada:hover{background:#bbf7d0;border-color:#6ee7b7;transform:scale(1.05)}.btn-cambiar-pago.pendiente{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.btn-cambiar-pago.pendiente:hover{background:#fcd34d;border-color:#fbbf24;transform:scale(1.05)}@media(max-width:1200px){.reservas-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.admin-reservas-container{padding:12px}.admin-reservas-header{flex-direction:column;gap:20px;padding:20px}.header-title h1{font-size:24px}.header-stats{width:100%;justify-content:space-between}.stat-card{flex:1;min-width:0}.filters-section{flex-direction:column;gap:16px;align-items:stretch}.search-box{max-width:none}.filter-controls{justify-content:space-between}.reservas-grid{grid-template-columns:1fr;gap:16px}.reserva-detalles{grid-template-columns:1fr;gap:12px}}@media(max-width:480px){.admin-reservas-container{padding:8px}.admin-reservas-header{padding:16px}.header-title h1{font-size:20px}.header-stats{gap:12px}.stat-card{padding:12px 16px}.stat-number{font-size:20px}.reserva-card{border-radius:12px}.reserva-header{padding:12px 16px}.reserva-content{padding:16px}.reserva-footer{padding:12px 16px;flex-direction:column;gap:8px;align-items:flex-start}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;color:#6b7280}.modal-close:hover{background:#0000001a;color:#111}.pago-modal{max-width:600px}.pago-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px}.pago-detalle{display:flex;flex-direction:column;gap:4px}.pago-detalle span{font-size:12px;color:#6b7280;font-weight:500}.pago-detalle strong{font-size:18px;color:#10b981;font-weight:700}.form-pago{margin-bottom:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111;background:#fff;transition:border-color .2s ease}.btn-agregar-pago{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.btn-agregar-pago:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pagos-list{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.pagos-list h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#111}.pago-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.pago-tipo{font-size:14px;font-weight:500;color:#111}.pago-monto{font-size:16px;font-weight:700;color:#10b981}.btn-eliminar-pago{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:4px 6px;color:#dc2626;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-eliminar-pago:hover{background:#fecaca;border-color:#fca5a5}.btn-cancelar{padding:10px 20px;background:#fff;color:#6b7280;border:2px solid #d1d5db;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancelar:hover{background:#f9fafb;border-color:#9ca3af}.btn-confirmar{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-pago-reserva{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-pago-reserva:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-crear-reserva{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-crear-reserva:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.clientes-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.cliente-option{display:flex;align-items:center;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.cliente-option:hover{background:#f3f4f6;border-color:#10b981;transform:translate(4px)}.cliente-info{display:flex;flex-direction:column;gap:4px}.cliente-nombre{font-weight:600;color:#111827;font-size:14px}.cliente-email{font-size:13px;color:#6b7280}.cliente-equipo{font-size:12px;color:#9ca3af}.admin-notificaciones-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.admin-notificaciones-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb}.btn-new-notification{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#10b981;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-notification:hover{background:#f0fdf4;transform:translateY(-1px)}.notification-form-container{padding:24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.form-section{margin-bottom:24px}.form-section h3{font-size:16px;font-weight:700;color:#111;margin:0 0 16px}.form-group{margin-bottom:16px;position:relative}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111;background:#fff;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:100px}.char-count{position:absolute;right:12px;bottom:8px;font-size:11px;color:#9ca3af}.recipients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:#111;margin:0}.checkbox-label input{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.btn-select-all{padding:6px 12px;background:#e5e7eb;color:#374151;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-select-all:hover{background:#d1d5db}.recipients-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#fff;margin-bottom:12px}.recipient-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.recipient-item:hover{background:#f9fafb}.recipient-item:last-child{border-bottom:none}.recipient-item input{width:18px;height:18px;cursor:pointer;accent-color:#10b981;flex-shrink:0}.recipient-info{display:flex;flex-direction:column;gap:2px;flex:1}.recipient-name{font-size:14px;font-weight:600;color:#111}.recipient-email{font-size:12px;color:#6b7280}.recipients-count{font-size:12px;color:#6b7280;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;text-align:right}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-send{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-send{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-send:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-cancel:disabled,.btn-send:disabled{opacity:.6;cursor:not-allowed}.notification-stats{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:12px}.stat-card svg{color:#10b981;flex-shrink:0}.stat-value{font-size:24px;font-weight:700;color:#10b981}@media(max-width:640px){.admin-notificaciones-header{flex-direction:column;gap:16px;align-items:flex-start}.btn-new-notification{width:100%;justify-content:center}.notification-form-container{padding:20px}.recipients-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-select-all{width:100%}.recipients-list{max-height:200px}.form-actions{flex-direction:column}.btn-cancel,.btn-send{width:100%}}.admin-parches-container{padding:1rem}.admin-parches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-parches-header h2{margin:0;font-size:1.5rem;color:#1f2937}.parches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.parche-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:transform .2s}.parche-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.parche-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.parche-avatar-wrapper{position:relative}.parche-card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.parche-card-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border:2px solid #e5e7eb}.btn-upload-photo{position:absolute;bottom:-4px;right:-4px;background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.btn-upload-photo:hover{background:#059669;transform:scale(1.1)}.btn-upload-photo.uploading{animation:pulse 1.5s infinite;background:#f59e0b;cursor:wait}.parche-card-info h3{margin:0;font-size:1.1rem;color:#111827}.parche-team{font-size:.875rem;color:#6b7280;display:block;margin-top:.25rem}.parche-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.stat-item svg{color:#10b981}.parche-contact{display:flex;justify-content:center}.contact-row{display:flex;align-items:center;gap:.5rem;color:#2563eb;font-size:.9rem;background:#eff6ff;padding:.5rem 1rem;border-radius:20px}.contact-row a{color:inherit;text-decoration:none;font-weight:500}.contact-row a:hover{text-decoration:underline}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:640px){.admin-parches-header{flex-direction:column;align-items:stretch}.search-box{width:100%}}.logout-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.logout-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;overflow:hidden;animation:slideUp .3s ease-out}.logout-modal-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.logout-modal-icon{width:64px;height:64px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logout-modal-header h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px}.logout-modal-body{padding:24px;text-align:center}.logout-modal-body p{margin:0 0 12px;font-size:16px;color:#1f2937;line-height:1.5;font-weight:500}.logout-modal-body p:last-child{margin-bottom:0}.logout-modal-subtitle{font-size:14px;color:#6b7280;font-weight:400}.logout-modal-footer{padding:24px;display:flex;gap:12px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.btn-logout-cancel,.btn-logout-confirm{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout-cancel{background-color:#e5e7eb;color:#374151}.btn-logout-cancel:hover:not(:disabled){background-color:#d1d5db;transform:translateY(-2px)}.btn-logout-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-logout-confirm:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-logout-cancel:disabled,.btn-logout-confirm:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.logout-modal-content{width:95%}.logout-modal-header{padding:24px 16px}.logout-modal-body{padding:16px}.logout-modal-footer{padding:16px;flex-direction:column}.btn-logout-cancel,.btn-logout-confirm{width:100%}}.popup-equipo-registrado{position:fixed;top:20px;right:20px;z-index:9999;opacity:0;transform:translate(400px) translateY(-20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.popup-equipo-registrado.mostrar{opacity:1;transform:translate(0) translateY(0);pointer-events:auto}.popup-contenido{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:24px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;position:relative;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-cerrar-popup{position:absolute;top:12px;right:12px;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;padding:0;z-index:10;pointer-events:auto!important}.btn-cerrar-popup:hover{background:#ff0000b3;border-color:#fffc;transform:scale(1.1)}.btn-cerrar-popup:active{transform:scale(.95)}.popup-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.popup-icono{font-size:32px;animation:bounce .6s ease-in-out}.popup-titulo{color:#fff;font-size:18px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.popup-body{background:#fffffff2;border-radius:12px;padding:16px;margin-bottom:12px}.detalles-partido{display:flex;flex-direction:column;gap:12px}.equipo-info{padding:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border-left:4px solid #10b981}.equipo-info .label{font-size:12px;color:#059669;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.equipo-info .valor{font-size:16px;font-weight:700;color:#047857;margin:0}.versus-info{padding:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:4px solid #f59e0b}.versus-info .label{font-size:12px;color:#b45309;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.equipos-versus{display:flex;align-items:center;justify-content:space-between;gap:8px}.equipos-versus .equipo{flex:1;padding:8px 12px;background:#fff;border-radius:6px;font-weight:600;color:#1f2937;font-size:13px;text-align:center;border:1px solid #fbbf24}.equipos-versus .vs{color:#b45309;font-weight:700;font-size:12px;padding:0 4px}.detalles-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.detalle{padding:10px;background:#f3f4f6;border-radius:6px;text-align:center}.detalle .label{font-size:11px;color:#6b7280;font-weight:600;margin:0 0 4px}.detalle .valor{font-size:13px;font-weight:700;color:#1f2937;margin:0}.popup-footer{background:#ffffff26;border-radius:8px;padding:12px;text-align:center}.mensaje-footer{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-cerrar-footer{width:100%;padding:12px 24px;background:#fffffff2;border:none;border-radius:8px;color:#059669;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cerrar-footer:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-cerrar-footer:active{transform:translateY(0)}@media(max-width:768px){.popup-equipo-registrado{top:10px;right:10px;left:10px}.popup-contenido{max-width:100%;padding:16px}.detalles-grid{grid-template-columns:1fr 1fr}.popup-titulo{font-size:16px}.equipo-info .valor{font-size:14px}}@media(max-width:480px){.popup-equipo-registrado{top:8px;right:8px;left:8px}.popup-contenido{padding:12px}.popup-header{gap:8px}.popup-icono{font-size:24px}.popup-titulo{font-size:14px}.popup-body{padding:12px}.detalles-grid{grid-template-columns:1fr;gap:6px}.detalle{padding:8px}.detalle .label{font-size:10px}.detalle .valor{font-size:12px}}.notificaciones-whatsapp-container{position:relative}.whatsapp-badge-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 12px #25d3664d;transition:all .3s ease}.whatsapp-badge-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #25d36666}.badge-count{background:#dc2626;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.badge-text{display:none}@media(min-width:640px){.badge-text{display:inline}}.whatsapp-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:350px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.dropdown-header h4{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.dropdown-header .btn-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dropdown-header .btn-close:hover{background:#ffffff4d}.dropdown-content{max-height:400px;overflow-y:auto}.notificacion-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #e5e7eb;gap:12px}.notificacion-item:last-child{border-bottom:none}.notificacion-info{display:flex;flex-direction:column;gap:4px;flex:1}.equipo-nombre{font-weight:600;color:#1f2937;font-size:14px}.partido-info{font-size:12px;color:#6b7280}.fecha-info,.cancha-info{font-size:11px;color:#9ca3af}.notificacion-acciones{display:flex;gap:8px}.btn-enviar-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-enviar-whatsapp:hover{transform:scale(1.1);box-shadow:0 4px 12px #25d36666}.btn-eliminar-notificacion{background:#fee2e2;color:#dc2626;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-eliminar-notificacion:hover{background:#fecaca;transform:scale(1.1)}.inicio-container{width:100%}.inicio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;width:100%;gap:16px}.inicio-container h1{font-size:32px;font-weight:700;margin:0;color:#111;flex:1}.btn-logout{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.btn-logout:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-logout:active{transform:translateY(0)}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-label{font-size:14px;color:#6b7280;font-weight:500;margin-bottom:8px}.kpi-value{font-size:36px;font-weight:700;color:#000}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.card h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#111}.empty-state{text-align:center;color:#9ca3af;padding:32px 16px;font-size:14px}.clients-list{display:flex;flex-direction:column;gap:12px}.client-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;transition:background .2s}.client-item:hover{background:#f3f4f6}.client-info{flex:1}.client-name{font-weight:600;color:#111;font-size:14px}.client-team{font-size:12px;color:#6b7280;margin-top:2px}.client-points{font-weight:700;color:#000;font-size:14px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;color:#6b7280}.canjes-list{display:flex;flex-direction:column;gap:12px}.canje-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #10b981;transition:background .2s}.canje-item:hover{background:#f3f4f6}.canje-info{flex:1}.canje-cliente{font-weight:600;color:#111;font-size:14px}.canje-premio{font-size:13px;color:#6b7280;margin-top:2px}.canje-meta{display:flex;gap:12px;margin-top:6px;font-size:12px}.canje-points{color:#000;font-weight:600}.canje-date{color:#9ca3af}.canje-actions{display:flex;gap:8px}.btn-approve,.btn-reject{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-approve{color:#10b981}.btn-approve:hover{background:#d1fae5}.btn-reject{color:#ef4444}.btn-reject:hover{background:#fee2e2}.canjes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.canjes-header h2{margin:0}.canjes-tabs{display:flex;gap:8px}.tab-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:#d1d5db;background:#f9fafb}.tab-btn.active{background:#10b981;color:#fff;border-color:#10b981}.canje-entrega{color:#10b981;font-weight:500}.btn-deliver{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-deliver:hover{background:#059669}@media(max-width:768px){.inicio-header{flex-direction:column;align-items:flex-start;gap:12px}.inicio-container h1{font-size:24px;margin-bottom:0}.btn-logout{width:100%;justify-content:center}.kpi-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.kpi-card{padding:16px}.kpi-value{font-size:28px}.content-grid{grid-template-columns:1fr;gap:16px}.card{padding:16px}.card h2{font-size:18px;margin-bottom:12px}.canjes-header{flex-direction:column;align-items:flex-start;gap:12px}.canjes-tabs{width:100%}.tab-btn{flex:1;text-align:center}}@media(max-width:480px){.inicio-container h1{font-size:20px;margin-bottom:12px}.kpi-cards{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.kpi-card{padding:12px}.kpi-label{font-size:12px}.kpi-value{font-size:24px}.card{padding:12px}.canje-actions{gap:4px}.btn-approve,.btn-reject{padding:4px}.canje-item{flex-direction:column;align-items:flex-start;gap:8px}.canje-meta{width:100%;flex-wrap:wrap}.btn-deliver{width:100%}}.header-actions{display:flex;align-items:center;gap:16px}.section-buttons{display:flex;gap:8px}.section-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.section-btn:hover{border-color:#d1d5db;color:#111}.section-btn.active{background:#06b6d4;color:#fff;border-color:#06b6d4}.content-full{display:grid;grid-template-columns:1fr;gap:20px}@media(max-width:768px){.header-actions{flex-direction:column;width:100%;gap:12px}.section-buttons{width:100%;flex-direction:column}.section-btn,.btn-logout{width:100%;justify-content:center}.inicio-header{flex-direction:column;align-items:flex-start}.inicio-container h1{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content.modal-large{max-width:900px}.modal-content.modal-xlarge{max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#111}.modal-body{padding:24px}@media(max-width:480px){.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:16px}}.equipos-bloqueados-visor{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px}.bloqueos-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #fca5a5}.bloqueos-header h3{margin:0;font-size:16px;font-weight:600;color:#991b1b}.icon-alert{color:#dc2626;flex-shrink:0}.bloqueos-list{display:flex;flex-direction:column;gap:12px}.bloqueo-item{background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;transition:all .2s ease}.bloqueo-item.activo{border-left:4px solid #dc2626;background:#fef2f2}.bloqueo-item.expirado{border-left:4px solid #10b981;background:#f0fdf4;opacity:.8}.bloqueo-info{flex:1}.bloqueo-titulo{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.bloqueo-titulo strong{color:#1f2937;font-size:14px;word-break:break-all}.badge-bloqueado{display:inline-block;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.badge-desbloqueado{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.bloqueo-razon{margin:0 0 12px;font-size:13px;color:#6b7280;line-height:1.4}.bloqueo-fechas{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.fecha-item{display:flex;align-items:center;gap:8px;font-size:12px}.icon-calendar{color:#667eea;flex-shrink:0}.fecha-label{color:#6b7280;font-weight:500}.fecha-valor{color:#1f2937;font-weight:600}.dias-restantes{background:#fee2e2;border-left:3px solid #f59e0b;padding:8px 12px;border-radius:4px;font-size:12px;color:#92400e;font-weight:500}.dias-restantes strong{color:#dc2626;font-weight:700}.btn-desbloquear{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-desbloquear:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.btn-desbloquear:active{transform:translateY(0)}@media(max-width:480px){.equipos-bloqueados-visor{padding:16px;margin-bottom:16px}.bloqueo-item{flex-direction:column}.bloqueo-titulo{flex-direction:column;align-items:flex-start}.bloqueo-titulo strong{font-size:13px}.badge-bloqueado,.badge-desbloqueado{font-size:10px;padding:3px 6px}.bloqueo-razon{font-size:12px}.fecha-item,.dias-restantes{font-size:11px}.btn-desbloquear{width:100%;justify-content:center;padding:10px}}.cliente-form{display:flex;flex-direction:column;gap:16px}.form-divider{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.phone-input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:480px){.cliente-form{gap:12px}.form-group input{padding:8px 10px;font-size:13px}.btn-cancel,.btn-submit{padding:8px 12px;font-size:13px}}.deuda-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.form-group select{padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s;background-color:#fff;cursor:pointer}.deudas-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.deudas-table{width:100%;border-collapse:collapse}.deudas-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.deudas-table th{padding:12px;text-align:left;font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.deudas-table td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:13px;color:#111}.deudas-table tbody tr:hover{background:#f9fafb}.deudas-table tbody tr.editing{background:#f0fdf4}.empty-deudas{text-align:center;padding:24px;color:#9ca3af;font-size:14px}.edit-input{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px;font-family:inherit}.edit-input:focus{outline:none;border-color:#047857;box-shadow:0 0 0 2px #0478571a}.edit-actions{display:flex;gap:6px}.btn-save,.btn-cancel{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.actions{display:flex;gap:6px}.btn-icon-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-icon-small.btn-edit{color:#3b82f6}.btn-icon-small.btn-edit:hover{background:#dbeafe}.btn-icon-small.btn-delete{color:#ef4444}.btn-icon-small.btn-delete:hover{background:#fee2e2}.estado-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.estado-badge.pendiente{background:#fef3c7;color:#92400e}.estado-badge.pagada{background:#d1fae5;color:#065f46}@media(max-width:768px){.deudas-table th,.deudas-table td{padding:8px;font-size:12px}.btn-icon-small{width:24px;height:24px}.btn-icon-small svg{width:14px;height:14px}}.video-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#111}.form-group input{padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#047857,#065f46);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0478574d}.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-secondary:hover{background:#e5e7eb}.tipo-selector{display:flex;gap:12px;flex-wrap:wrap}.tipo-btn{flex:1;min-width:120px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.tipo-btn:hover{border-color:#047857;background:#f0fdf4}.tipo-btn.active{border-color:#047857;background:#047857;color:#fff}.form-divider{text-align:center;color:#9ca3af;font-weight:600;margin:12px 0}.input-with-icon{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.input-with-icon svg{color:#6b7280;flex-shrink:0}.input-with-icon input{flex:1;border:none;padding:0;font-size:14px}.input-with-icon input:focus{outline:none;box-shadow:none}.file-input-wrapper{position:relative}.file-input-wrapper input{display:none}.file-input-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s;font-weight:600;color:#6b7280}.file-input-label:hover{border-color:#047857;background:#f0fdf4;color:#047857}.preview-container{margin-top:12px;border-radius:8px;overflow:hidden;background:#f3f4f6}.preview-img{width:100%;max-height:300px;object-fit:cover}.confirm-delete-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirm-delete-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease}.confirm-delete-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:6px}.confirm-delete-close:hover{background:#f3f4f6;color:#1f2937}.confirm-delete-icon{display:flex;justify-content:center;margin-bottom:1.5rem;animation:scaleIn .4s ease}.confirm-delete-icon svg{color:#ef4444;width:48px;height:48px}.confirm-delete-title{margin:0 0 .75rem;color:#1f2937;font-size:1.25rem;font-weight:700;text-align:center}.confirm-delete-message{margin:0 0 2rem;color:#6b7280;font-size:.95rem;text-align:center;line-height:1.5}.confirm-delete-actions{display:flex;gap:12px;justify-content:center}.btn-cancel,.btn-confirm{padding:10px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;flex:1;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-cancel{background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb}.btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{color:#fff;font-weight:700}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-success{background:#10b981}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.confirm-delete-modal{padding:1.5rem;max-width:95%}.confirm-delete-title{font-size:1.1rem}.confirm-delete-message{font-size:.9rem}.btn-cancel,.btn-confirm{padding:8px 16px;font-size:13px}}.videos-container{width:100%}.empty-videos{text-align:center;padding:48px 24px;color:#9ca3af;font-size:14px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000014;transition:all .2s}.video-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;display:block}.video-link{cursor:pointer;text-decoration:none}.video-link:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-link:hover .thumbnail-img{opacity:.85}.thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;transition:all .2s;text-decoration:none;z-index:10;box-shadow:0 4px 12px #0000004d}.play-button.image-button{color:#667eea;width:40px;height:40px}.play-button svg{width:20px;height:20px}.video-info{padding:8px}.video-titulo{margin:0 0 4px;font-size:12px;font-weight:600;color:#111;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-fecha{margin:0 0 6px;font-size:10px;color:#9ca3af}.btn-delete-video{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:4px 8px;background:#fee2e2;color:#ef4444;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-video:hover{background:#fecaca}.btn-delete-video svg{width:12px;height:12px}@media(max-width:768px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}@media(max-width:480px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}}.cliente-credito-admin{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.credito-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:2px solid #007bff;padding-bottom:10px}.credito-header h3{display:flex;align-items:center;gap:10px;margin:0;color:#333;font-size:18px}.credito-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.info-item{background:#fff;padding:15px;border-radius:6px;border-left:4px solid #007bff;display:flex;flex-direction:column;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;display:inline-block;width:fit-content}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.amount{font-size:20px;font-weight:700;color:#007bff}.credito-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.credito-actions button{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.modal-actions button{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.solicitudes-list{display:flex;flex-direction:column;gap:15px}.solicitud-item{background:#fff;padding:15px;border-radius:6px;border-left:4px solid #ffc107;display:flex;justify-content:space-between;align-items:center;gap:15px}.solicitud-info{flex:1;display:flex;flex-direction:column;gap:8px}.solicitud-monto{font-weight:700;color:#333;font-size:16px}.solicitud-cuotas{color:#666;font-size:14px}.solicitud-fecha{color:#999;font-size:12px}.solicitud-actions{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-icon.btn-success{background:#d4edda;color:#155724}.btn-icon.btn-success:hover{background:#28a745;color:#fff;transform:scale(1.1)}.btn-icon.btn-danger{background:#f8d7da;color:#721c24}.btn-icon.btn-danger:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.empty-state{text-align:center;color:#999;padding:20px;font-size:14px}.credito-description{margin:0;color:#666;font-size:14px;line-height:1.5}.modal-message{margin:0 0 12px;color:#333;font-size:16px;font-weight:600}.modal-description{margin:0;color:#666;font-size:14px;line-height:1.5}@media(max-width:768px){.credito-info{grid-template-columns:1fr}.credito-actions{flex-direction:column}.credito-actions button{width:100%;justify-content:center}.solicitud-item{flex-direction:column;align-items:flex-start}.solicitud-actions{width:100%;justify-content:flex-end}}.cliente-tipo-admin{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.tipo-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.tipo-header h3{display:flex;align-items:center;gap:10px;margin:0;color:#333;font-size:18px}.tipo-info{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.info-item{background:#fff;padding:15px;border-radius:6px;display:flex;flex-direction:column;gap:10px}.info-item label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tipo-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:4px solid;border-radius:6px;background:#f8f9fa}.tipo-label{font-weight:700;font-size:16px;color:#333}.tipo-multiplicador{font-size:12px;color:#666;font-weight:600}.tipo-selector{margin-bottom:25px}.tipo-selector label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.tipos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tipo-option{padding:16px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.tipo-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tipo-option.selected{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.tipo-color{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 4px #0000001a}.tipo-name{font-weight:700;font-size:14px;color:#333}.tipo-mult{font-size:12px;color:#666;font-weight:600}.tipo-actions{display:flex;gap:10px;margin-bottom:20px}.tipo-actions button{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.btn-primary:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.tipo-info-extra{background:#e7f3ff;border-left:4px solid #007bff;padding:12px 16px;border-radius:6px}.info-text{margin:0;color:#004085;font-size:13px;line-height:1.5}@media(max-width:768px){.tipos-grid{grid-template-columns:repeat(3,1fr)}.tipo-actions{flex-direction:column}.tipo-actions button{width:100%}}.cliente-bloqueo-admin{display:flex;flex-direction:column;gap:20px}.bloqueo-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.bloqueo-header h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111;margin:0}.bloqueo-header svg{color:#dc2626}.bloqueo-info{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.bloqueo-info .info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bloqueo-info .info-item:last-child{margin-bottom:0}.bloqueo-info label{font-weight:600;color:#6b7280;min-width:120px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-weight:600;font-size:14px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.blocked{background:#fee2e2;color:#991b1b}.bloqueo-description{font-size:14px;color:#6b7280;margin:0;padding-top:8px;border-top:1px solid #fecaca}.bloqueo-actions{display:flex;gap:12px}.btn-danger,.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-danger:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.bloqueo-info-extra{padding:12px;background:#f3f4f6;border-radius:6px;border-left:4px solid #dc2626}.info-text{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.info-text strong{color:#111}.modal-overlay-editar-color{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-editar-color{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-editar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.modal-header-editar h2{margin:0;font-size:20px;font-weight:700;color:#111827}.btn-close-editar{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.btn-close-editar:hover{color:#111827}.modal-content-editar,.color-preview-section-editar{margin-bottom:24px}.preview-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.color-preview-box-editar{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.color-name-editar{font-size:14px;font-weight:600;color:#374151}.color-selector-section-editar{margin-bottom:20px}.btn-cambiar-color-editar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:600;color:#374151}.btn-cambiar-color-editar:hover{border-color:#667eea;background:#f3f4f6}.btn-cambiar-color-editar svg{transition:transform .3s ease}.btn-cambiar-color-editar svg.rotated{transform:rotate(180deg)}.colores-grid-editar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;padding:16px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;max-height:400px;overflow-y:auto}.color-option-wrapper-editar{display:flex;flex-direction:column;align-items:center;gap:8px}.color-option-editar{width:60px;height:60px;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;padding:0}.color-option-editar:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.color-option-editar.selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.checkmark{font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5)}.color-nombre-editar{font-size:11px;font-weight:600;color:#374151;text-align:center;line-height:1.2;word-break:break-word}.modal-actions-editar{display:flex;gap:12px;justify-content:flex-end}.btn-cancelar-editar,.btn-confirmar-editar{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancelar-editar{background:#e5e7eb;color:#374151}.btn-cancelar-editar:hover{background:#d1d5db}.btn-confirmar-editar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirmar-editar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-confirmar-editar:active{transform:translateY(0)}@media(max-width:600px){.modal-editar-color{padding:20px;max-width:95%}.modal-header-editar h2{font-size:18px}.colores-grid-editar{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}.color-option-editar{width:50px;height:50px}.color-nombre-editar{font-size:10px}.modal-actions-editar{flex-direction:column}.btn-cancelar-editar,.btn-confirmar-editar{width:100%}}.admin-historial-clientes{padding:24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;min-height:400px}.historial-header{margin-bottom:24px}.historial-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.historial-subtitle{font-size:14px;color:#6b7280;margin:0}.historial-controles{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.control-grupo{flex:1;min-width:200px}.input-busqueda,.select-orden{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.input-busqueda:focus,.select-orden:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.historial-contenedor{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.sin-resultados{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#9ca3af}.sin-resultados svg{margin-bottom:16px;opacity:.5}.sin-resultados p{font-size:16px;margin:0}.historial-tabla{display:none}@media(min-width:1024px){.historial-tabla{display:block}.tabla-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.2fr .8fr .8fr;gap:16px;padding:16px 24px;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:700;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.tabla-fila{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.2fr .8fr .8fr;gap:16px;padding:16px 24px;border-bottom:1px solid #e5e7eb;align-items:center;transition:background .2s}.tabla-fila:hover{background:#f9fafb}.tabla-fila:last-child{border-bottom:none}.col-nombre,.col-equipo,.col-correo,.col-fecha,.col-hora,.col-puntos{display:flex;align-items:center}.nombre-completo{font-weight:600;color:#1f2937;font-size:14px}.badge-equipo{background:#fbbf24;color:#78350f;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.correo-info,.fecha-info,.hora-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.correo-info svg,.fecha-info svg,.hora-info svg{color:#fbbf24;flex-shrink:0}.badge-puntos{background:#dcfce7;color:#15803d;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block;text-align:center}}.historial-tarjetas{display:grid;gap:16px}@media(min-width:1024px){.historial-tarjetas{display:none}}.tarjeta-cliente{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.tarjeta-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.tarjeta-nombre h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px}.tarjeta-nombre .badge-equipo{background:#fbbf24;color:#78350f;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.tarjeta-header .badge-puntos{background:#dcfce7;color:#15803d;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700}.tarjeta-body{display:flex;flex-direction:column;gap:10px}.tarjeta-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#4b5563}.tarjeta-item svg{color:#fbbf24;flex-shrink:0}@media(max-width:640px){.admin-historial-clientes{padding:16px}.historial-header h2{font-size:20px}.historial-controles{flex-direction:column;gap:12px}.control-grupo{min-width:auto}}.nuevo-cliente-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.nuevo-cliente-popup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;padding:32px;position:relative;animation:slideUp .4s ease-out}.popup-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#6b7280;transition:color .2s;padding:8px;display:flex;align-items:center;justify-content:center}.popup-close-btn:hover{color:#1f2937}.popup-header{text-align:center;margin-bottom:24px}.popup-icon{color:#10b981;margin-bottom:12px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.popup-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.popup-content{margin-bottom:24px}.cliente-info{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#6b7280;font-size:14px}.info-value{font-weight:500;color:#1f2937;font-size:14px;text-align:right;flex:1;margin-left:12px}.puntos-badge{background:#dcfce7;color:#15803d;padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px;display:inline-block}.popup-footer{text-align:center;border-top:1px solid #e5e7eb;padding-top:16px}.popup-message{font-size:12px;color:#9ca3af;margin:0}@media(max-width:640px){.nuevo-cliente-popup{padding:24px;max-width:95%}.popup-header h2{font-size:20px}.info-row{flex-direction:column;align-items:flex-start}.info-value{text-align:left;margin-left:0;margin-top:4px}}.visualizador-puntos{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.visualizador-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:#9ca3af;text-align:center}.visualizador-vacio svg{margin-bottom:12px;opacity:.5}.visualizador-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.visualizador-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.puntos-resumen{display:flex;gap:16px}.resumen-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}.resumen-item.validos{background:#dcfce7;color:#15803d}.resumen-item.validos svg{color:#10b981}.resumen-item.expirados{background:#fee2e2;color:#b91c1c}.resumen-item.expirados svg{color:#ef4444}.puntos-seccion{margin-bottom:24px}.seccion-titulo{font-size:14px;font-weight:700;margin:0 0 12px;padding:8px 12px;border-radius:6px;display:inline-block}.seccion-titulo.validos-titulo{background:#dcfce7;color:#15803d}.seccion-titulo.expirados-titulo{background:#fee2e2;color:#b91c1c}.puntos-lista{display:flex;flex-direction:column;gap:12px}.punto-item{padding:16px;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s}.punto-item.valido{background:#f9fafb;border-color:#d1fae5}.punto-item.valido:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.punto-item.expirado{background:#fef2f2;border-color:#fecaca;opacity:.7}.punto-info{margin-bottom:12px}.punto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.punto-monto{font-size:16px;font-weight:700;color:#1f2937}.punto-tipo{font-size:11px;font-weight:600;text-transform:uppercase;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:4px}.punto-descripcion{font-size:13px;color:#4b5563;margin-bottom:8px}.punto-fechas{display:flex;flex-direction:column;gap:6px}.fecha-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.fecha-item svg{color:#fbbf24;flex-shrink:0}.punto-barra{display:flex;align-items:center;gap:12px}.barra-contenedor{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.barra-progreso{height:100%;border-radius:4px;transition:width .3s ease}.dias-restantes{font-size:12px;font-weight:600;color:#6b7280;min-width:60px;text-align:right}.punto-badge-expirado{display:inline-block;background:#ef4444;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.visualizador-info{background:#f9fafb;border-radius:10px;padding:16px;border:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.info-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.info-valor{font-size:18px;font-weight:700;color:#1f2937}.info-valor.valido{color:#10b981}.info-valor.expirado{color:#ef4444}@media(max-width:768px){.visualizador-puntos{padding:16px}.visualizador-header{flex-direction:column;align-items:flex-start;gap:12px}.puntos-resumen{width:100%}.punto-barra{flex-direction:column;align-items:flex-start}.dias-restantes{text-align:left}.visualizador-info{grid-template-columns:1fr}}.clientes-container{width:100%}.camiseta-cell{display:flex;align-items:center;gap:8px}.camiseta-color-preview{width:32px;height:32px;border-radius:6px;border:2px solid #e5e7eb;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.camiseta-color-preview:hover{border-color:#10b981;transform:scale(1.05);box-shadow:0 2px 8px #10b98133}.camiseta-color-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.camiseta-color-text{font-size:12px;font-weight:500;color:#6b7280;font-family:monospace}@media(max-width:768px){.camiseta-cell{flex-direction:column;align-items:flex-start;gap:4px}.camiseta-color-preview{width:28px;height:28px}.camiseta-color-text{font-size:10px}}.clientes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.header-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}@media(max-width:768px){.header-buttons{width:100%;justify-content:center}.btn-secondary{font-size:12px;padding:10px 16px}}.clientes-header h1{font-size:32px;font-weight:700;color:#111;margin:0}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#10b981;border:1px solid #10b981;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-secondary:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 2px 8px #10b98133}.clientes-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.controls-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sort-select{padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111;cursor:pointer;transition:border-color .2s}.sort-select:hover,.sort-select:focus{border-color:#10b981;outline:none}.table-responsive{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.clientes-table{width:100%;border-collapse:collapse}.clientes-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.clientes-table th{padding:16px;text-align:left;font-weight:600;color:#6b7280;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.clientes-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#111}.clientes-table tbody tr:hover{background:#f9fafb}.cliente-name-row{display:flex;align-items:center;gap:12px}.cliente-tipo-badge-container{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cliente-tipo-badge-container:hover .cliente-badge-overlay{opacity:1}.cliente-tipo-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.cliente-escudo-img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px #0000001a}.cliente-badge-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;border-radius:50%}.cliente-name{display:flex;flex-direction:column;gap:4px}.cliente-nombre-texto{font-weight:700;color:#333;font-size:14px;text-transform:capitalize}.cliente-apellido-texto{font-weight:500;color:#666;font-size:12px}.puntos-badge{display:inline-block;padding:4px 12px;background:#dbeafe;color:#000;border-radius:20px;font-weight:600;font-size:13px}.actions-cell{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:6px;color:#10b981;cursor:pointer;transition:all .2s}.btn-icon.btn-info{color:#3b82f6}.btn-icon.btn-info:hover{background:#dbeafe}.btn-icon.btn-warning{color:#f59e0b}.btn-icon.btn-warning:hover{background:#fef3c7}.btn-icon.btn-video{color:#8b5cf6}.btn-icon.btn-video:hover{background:#ede9fe}.btn-icon.btn-credit{color:#06b6d4}.btn-icon.btn-credit:hover{background:#cffafe}.btn-icon.btn-type{color:#ec4899}.btn-icon.btn-type:hover{background:#fce7f3}.btn-icon.btn-lock{color:#10b981}.btn-icon.btn-lock:hover{background:#d1fae5}.btn-icon.btn-blocked{color:#dc2626}.btn-icon.btn-blocked:hover{background:#fee2e2}.btn-icon.btn-reserva{color:#f59e0b}.btn-icon.btn-reserva:hover{background:#fef3c7}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px}.pagination button:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.historial-content{max-height:500px;overflow-y:auto}.historial-list{display:flex;flex-direction:column;gap:12px}.historial-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #10b981}.historial-tipo{font-size:18px;min-width:40px}.historial-info{flex:1}.historial-detalle{font-weight:600;color:#111;font-size:14px}.historial-fecha{font-size:12px;color:#9ca3af;margin-top:2px}.historial-puntos{font-weight:700;font-size:16px}.historial-puntos.positive{color:#10b981}.historial-puntos.negative{color:#ef4444}.deuda-modal-content{display:flex;flex-direction:column;gap:16px}.deuda-modal-header{display:flex;justify-content:flex-end}.video-modal-content{display:flex;flex-direction:column;gap:16px}.video-modal-header{display:flex;justify-content:flex-end}.multimedia-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-multimedia{padding:10px 16px;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-multimedia:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-youtube{background:red;color:#fff}.btn-youtube:hover{background:#c00}.btn-momentos{background:#8b5cf6;color:#fff}.btn-momentos:hover{background:#7c3aed}.btn-fotos{background:#ec4899;color:#fff}.btn-fotos:hover{background:#db2777}.btn-multimedia.active{border:2px solid #000;box-shadow:0 0 0 3px #0000001a}.video-modal-footer{display:flex;justify-content:center;padding:1.5rem 0 0;margin-top:1.5rem;border-top:1px solid #e5e7eb}.btn-agregar-video{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-agregar-video:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media(max-width:768px){.clientes-header{flex-direction:column;align-items:stretch}.clientes-header h1{font-size:24px}.btn-primary{width:100%;justify-content:center}.clientes-controls{flex-direction:column}.search-box{min-width:auto}.clientes-table th,.clientes-table td{padding:12px 8px;font-size:13px}.btn-icon{width:32px;height:32px}.actions-cell{gap:4px}}.escudo-upload-form{display:flex;flex-direction:column;gap:20px}.escudo-preview-container{display:flex;flex-direction:column;gap:12px;align-items:center}.escudo-upload-area{width:100%;padding:40px 20px;border:2px dashed #10b981;border-radius:12px;background:#f0fdf4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;position:relative}.escudo-upload-area:hover{background:#dcfce7;border-color:#059669}.escudo-upload-area svg{color:#10b981}.escudo-upload-area p{margin:0;color:#6b7280;font-weight:500}.escudo-file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.escudo-preview{width:120px;height:120px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}.btn-remove-escudo{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-remove-escudo:hover{background:#e5e7eb;color:#111}.escudo-actions{display:flex;gap:12px;justify-content:flex-end}.escudo-actions .btn-primary,.escudo-actions .btn-secondary{padding:10px 20px;font-size:14px}@media(max-width:480px){.clientes-header h1{font-size:20px}.btn-primary{padding:10px 16px;font-size:13px}.clientes-table th,.clientes-table td{padding:8px 6px;font-size:12px}.clientes-table th:nth-child(2),.clientes-table td:nth-child(2){display:none}.btn-icon{width:28px;height:28px}.btn-icon svg{width:14px;height:14px}.escudo-actions{flex-direction:column}.escudo-actions button{width:100%}}.btn-versus-enabled{color:#10b981!important;background-color:#10b9811a!important}.btn-versus-enabled:hover{background-color:#10b98133!important;box-shadow:0 0 8px #10b9814d!important}.btn-versus-disabled{color:#ef4444!important;background-color:#ef44441a!important}.btn-versus-disabled:hover{background-color:#ef444433!important;box-shadow:0 0 8px #ef44444d!important}.btn-notification{color:#8b5cf6!important;background-color:#8b5cf61a!important}.btn-notification:hover{background-color:#8b5cf633!important;box-shadow:0 0 8px #8b5cf64d!important}.btn-notification:disabled{opacity:.5;cursor:not-allowed}.btn-whatsapp{color:#25d366!important;background-color:#25d3661a!important}.btn-whatsapp:hover{background-color:#25d36633!important;box-shadow:0 0 8px #25d3664d!important}.whatsapp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.whatsapp-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.whatsapp-modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#25d366;color:#fff}.whatsapp-modal-header h3{flex:1;margin:0;font-size:16px;font-weight:600}.whatsapp-icon{flex-shrink:0}.whatsapp-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.whatsapp-modal-close:hover{background:#ffffff4d}.whatsapp-modal-body{padding:20px}.whatsapp-modal-subtitle{margin:0 0 16px;color:#666;font-size:14px}.whatsapp-options{display:flex;flex-direction:column;gap:10px}.whatsapp-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333;text-align:left}.whatsapp-option:hover{background:#25d366;color:#fff;border-color:#25d366;transform:translate(4px)}.whatsapp-option-general{background:#e5e7eb;border-color:#d1d5db}.whatsapp-option-general:hover{background:#6b7280;border-color:#6b7280}.whatsapp-preview{background:#e5ddd5;border-radius:10px;padding:16px;margin-bottom:16px;max-height:300px;overflow-y:auto}.whatsapp-preview-text{background:#fff;padding:12px 16px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0;box-shadow:0 1px 2px #0000001a}.whatsapp-preview-actions{display:flex;gap:12px}.whatsapp-btn-back{flex:1;padding:12px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.whatsapp-btn-back:hover{background:#e5e7eb}.whatsapp-btn-send{flex:2;padding:12px 16px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.whatsapp-btn-send:hover{background:#128c7e;transform:translateY(-1px)}.whatsapp-btn-send:disabled{opacity:.7;cursor:not-allowed;transform:none}.whatsapp-btn-auto{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-manual-option{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.whatsapp-btn-manual{width:100%;padding:10px 16px;background:transparent;color:#6b7280;border:1px dashed #d1d5db;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.whatsapp-btn-manual:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.whatsapp-btn-manual:disabled{opacity:.5;cursor:not-allowed}.historial-puntos-section{margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.historial-clientes-section{margin-bottom:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agregar-puntos-form{display:flex;flex-direction:column;gap:16px}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media(max-width:480px){.agregar-puntos-form{gap:12px}.form-group input{padding:8px 10px;font-size:13px}.btn-cancel,.btn-submit{padding:8px 12px;font-size:13px}}.descontar-puntos-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:12px;color:#ef4444;margin-top:4px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.form-actions button{padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-submit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.solicitar-canje-form{display:flex;flex-direction:column;gap:16px}.cliente-info-box{background:#f0f4ff;padding:12px;border-radius:8px;border-left:4px solid #667eea}.info-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:#6b7280;font-weight:500}.info-value{color:#000;font-weight:600}.info-value.points{color:#000;font-size:16px}.no-premios{text-align:center;color:#9ca3af;padding:16px;font-size:14px}.premios-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.premio-option{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.premio-option:hover:not(.disabled){border-color:#667eea;background:#f3f4f6}.premio-option.disabled{opacity:.5;cursor:not-allowed}.premio-option input{margin-top:2px;cursor:pointer;accent-color:#667eea}.premio-option.disabled input{cursor:not-allowed}.premio-option-content{flex:1}.premio-name{font-weight:600;color:#111;font-size:14px}.premio-meta{display:flex;gap:12px;margin-top:4px;font-size:12px}.premio-points{color:#667eea;font-weight:600}.premio-stock{color:#9ca3af}.canje-preview{background:#f0fdf4;padding:12px;border-radius:8px;border-left:4px solid #10b981}.preview-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;color:#111}.preview-row:last-child{margin-bottom:0}.preview-value{font-weight:600;color:#000}.preview-value.negative{color:#ef4444}.btn-submit{background:#10b981;color:#fff}@media(max-width:480px){.solicitar-canje-form{gap:12px}.premios-list{max-height:250px}.btn-cancel,.btn-submit{padding:8px 12px;font-size:13px}}.fidelizacion-container{width:100%}.fidelizacion-container h1{font-size:32px;font-weight:700;margin-bottom:24px;color:#111}.fidelizacion-content{display:grid;grid-template-columns:300px 1fr;gap:24px}.search-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;height:fit-content;position:sticky;top:80px}.search-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.btn-mostrar-todos{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-mostrar-todos:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-mostrar-todos:active{transform:translateY(0)}.clientes-search-results{max-height:400px;overflow-y:auto}.clientes-list{display:flex;flex-direction:column;gap:8px}.cliente-option{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:14px}.cliente-option:hover{background:#f3f4f6;border-color:#667eea}.cliente-option.selected{background:#dbeafe;border-color:#667eea}.cliente-option-info{flex:1}.cliente-option-name{font-weight:600;color:#111;font-size:13px}.cliente-option-meta{font-size:11px;color:#9ca3af;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cliente-option-points{font-weight:700;color:#000;font-size:12px;margin-left:8px}.cliente-detail-section{display:flex;flex-direction:column;gap:24px}.cliente-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #667eea4d}.cliente-avatar{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.cliente-header-info{flex:1}.cliente-header-info h2{font-size:18px;color:#111;margin:0}.cliente-header-info p{margin:2px 0 0;font-size:13px;opacity:.85}.cliente-points-display{text-align:center;background:#ffffff26;padding:12px 18px;border-radius:8px;min-width:100px}.points-label{font-size:11px;opacity:.8;margin-bottom:4px}.points-value{font-size:28px;font-weight:700;color:#000}.cliente-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:11.5px;color:#111;font-weight:500;line-height:1.4;word-break:break-word}.cliente-actions{display:flex;gap:12px}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-add-points{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-add-points:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-discount-points{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-discount-points:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-request-exchange{background:#10b981;color:#fff}.btn-request-exchange:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-view-credits{background:#3b82f6;color:#fff}.btn-view-credits:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.historial-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.historial-section h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#111}.historial-timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #667eea}.timeline-marker{font-size:20px;min-width:24px;text-align:center}.timeline-content{flex:1}.timeline-title{font-weight:600;color:#111;font-size:14px}.timeline-detail{font-size:13px;color:#6b7280;margin-top:2px}.timeline-date{font-size:12px;color:#9ca3af;margin-top:4px}.timeline-points{font-weight:700;font-size:16px;text-align:right}.timeline-points.positive{color:#10b981}.timeline-points.negative{color:#ef4444}.empty-state-large{grid-column:1 / -1;text-align:center;padding:80px 40px;background:#fff;border-radius:12px;color:#9ca3af;font-size:16px}@media(max-width:1024px){.fidelizacion-content{grid-template-columns:1fr}.search-section{position:static}.cliente-card{flex-direction:column;text-align:center}.cliente-header-info{flex:none}}@media(max-width:768px){.fidelizacion-container h1{font-size:24px;margin-bottom:16px}.cliente-card{padding:20px;gap:16px}.cliente-avatar{width:60px;height:60px;font-size:24px}.cliente-header-info h2{font-size:18px}.points-value{font-size:28px}.cliente-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.cliente-actions{flex-direction:column}.btn-action{padding:10px 14px;font-size:13px}.historial-section{padding:16px}.historial-section h3{font-size:16px;margin-bottom:12px}}@media(max-width:480px){.fidelizacion-container h1{font-size:20px;margin-bottom:12px}.cliente-card{padding:16px;gap:12px}.cliente-avatar{width:50px;height:50px;font-size:20px}.cliente-header-info h2{font-size:16px}.points-value{font-size:24px}.cliente-info-grid{grid-template-columns:1fr}.timeline-item{padding:10px}.timeline-title{font-size:13px}}.premios-entregados-fullscreen{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.premios-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom:1px solid #e5e7eb}.premios-fullscreen-header h2{font-size:24px;font-weight:700;margin:0}.btn-volver{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-volver:hover{background:#ffffff4d;border-color:#ffffff80}.premios-entregados-section{margin-top:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.premios-entregados-section h2{font-size:20px;font-weight:700;margin-bottom:16px;color:#111;display:flex;align-items:center;gap:8px}.premios-entregados-fullscreen .premios-entregados-table{flex:1;display:flex;flex-direction:column;overflow:hidden;border:none;border-radius:0}.premios-entregados-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.table-header>div{padding:12px 16px}.premios-entregados-fullscreen .table-body{flex:1;overflow-y:auto;max-height:none}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;align-items:center;transition:background-color .2s ease}.table-row:hover{background-color:#f9fafb}.table-row:last-child{border-bottom:none}.col-cliente{padding:12px 16px}.col-premio{padding:12px 16px;font-weight:500;color:#111}.col-fecha{padding:12px 16px;color:#6b7280;font-size:14px}.col-dia{padding:12px 16px;color:#6b7280;font-size:14px;text-transform:capitalize}.col-puntos{padding:12px 16px;text-align:center}.cliente-name{font-weight:600;color:#111;font-size:14px}.cliente-email{font-size:12px;color:#9ca3af;margin-top:2px}.puntos-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:12px;font-weight:600;font-size:13px}.empty-table{padding:32px 16px;text-align:center;color:#9ca3af;font-size:14px}.btn-premios-entregados{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-premios-entregados:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-premios-entregados:active{transform:translateY(0)}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr .8fr}.col-cliente,.col-premio,.col-fecha,.col-dia,.col-puntos{padding:10px 12px;font-size:13px}.cliente-name{font-size:13px}.cliente-email{font-size:11px}}@media(max-width:768px){.premios-entregados-section{margin-top:16px;padding:16px}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.col-cliente,.col-premio,.col-fecha,.col-dia,.col-puntos{padding:0;display:flex;justify-content:space-between;align-items:center}.col-cliente:before{content:"Cliente: ";font-weight:600;color:#6b7280}.col-premio:before{content:"Premio: ";font-weight:600;color:#6b7280}.col-fecha:before{content:"Fecha: ";font-weight:600;color:#6b7280}.col-dia:before{content:"Día: ";font-weight:600;color:#6b7280}.col-puntos:before{content:"Puntos: ";font-weight:600;color:#6b7280}}.creditos-entregados-fullscreen{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column}.creditos-fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#fff}.creditos-fullscreen-header h2{font-size:24px;font-weight:700;margin:0}.creditos-entregados-table{flex:1;display:flex;flex-direction:column;border:none;border-radius:0;overflow:hidden}.creditos-entregados-fullscreen .table-body{flex:1;overflow-y:auto;max-height:none}.btn-creditos-entregados{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-creditos-entregados:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-creditos-entregados:active{transform:translateY(0)}.col-producto,.col-monto,.col-cuotas,.col-pagadas,.col-estado{flex:1;padding:12px 16px;text-align:left}.premio-form{display:flex;flex-direction:column;gap:16px}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.image-source-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#6b7280;font-weight:500;font-size:14px;transition:all .2s}.tab-button:hover{color:#10b981}.tab-button.active{color:#10b981;border-bottom-color:#10b981}.image-upload{position:relative}.upload-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280;font-weight:500}.upload-label:hover{border-color:#10b981;background:#f3f4f6;color:#10b981}.image-url-input{display:flex;flex-direction:column;gap:6px}.image-url-input input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#111;transition:border-color .2s}.image-url-input input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.image-url-input input.error{border-color:#ef4444}.image-preview{margin-top:12px;border-radius:8px;overflow:hidden;max-height:200px}.image-preview img{width:100%;height:100%;object-fit:cover}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}@media(max-width:480px){.premio-form{gap:12px}.form-group input{padding:8px 10px;font-size:13px}.image-source-tabs{gap:4px}.tab-button{padding:6px 10px;font-size:12px;gap:4px}.tab-button svg{width:14px;height:14px}.form-row{grid-template-columns:1fr}.btn-cancel,.btn-submit{padding:8px 12px;font-size:13px}}.entregar-premio-form{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:#fff;border-radius:12px}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1f2937;font-size:1rem}.form-group label svg{color:#10b981;flex-shrink:0}.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.05rem;font-family:inherit;transition:all .3s ease;min-height:44px}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{display:block;color:#ef4444;font-size:.875rem;font-weight:500}.form-group.checkbox{flex-direction:row;align-items:center;gap:.75rem}.form-group.checkbox label{display:flex;align-items:center;gap:.75rem;margin:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.cliente-info-box{background:#f0fdf4;border-left:4px solid #10b981;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.info-label{font-weight:600;color:#374151}.info-value{color:#10b981;font-weight:500}.cuotas-section,.pago-unico-section{background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.cuotas-section h4,.pago-unico-section h4{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.cuotas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.cuotas-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600}.total-cuotas{display:flex;align-items:center;gap:1rem;font-size:.95rem;font-weight:600}.total-cuotas span{color:#10b981}.total-cuotas .diferencia{padding:.25rem .75rem;border-radius:4px;background:#fef3c7;font-weight:700}.cuota-item{background:#fff;padding:1.25rem;border-radius:8px;margin-bottom:1.25rem;border:2px solid #e5e7eb;transition:all .2s ease}.cuota-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.cuota-item:last-child{margin-bottom:0}.cuota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.cuota-numero{font-weight:600;color:#374151}.cuota-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.cuota-inputs{grid-template-columns:1fr;gap:1rem}}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel,.btn-submit{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-cancel:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}@media(max-width:480px){.entregar-premio-form{padding:1rem;gap:1rem}.form-actions{flex-direction:column}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.cuota-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.premios-container{width:100%}.premios-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.premios-header h1{font-size:32px;font-weight:700;color:#111;margin:0}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.premios-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.search-box input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#111}.search-box input::placeholder{color:#d1d5db}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;color:#9ca3af}.empty-state svg{margin-bottom:16px;opacity:.5}.premios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:24px}.premio-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.premio-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.premio-image{width:100%;height:180px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.premio-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;align-items:center;justify-content:center;color:#d1d5db}.premio-content{padding:16px;flex:1;display:flex;flex-direction:column}.premio-content h3{font-size:16px;font-weight:600;margin:0 0 12px;color:#111;line-height:1.3}.premio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:#000;margin-top:2px}.stat-value.out-of-stock{color:#ef4444}.premio-actions{display:flex;gap:8px;margin-top:auto}.btn-icon{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;background:#f3f4f6;border:none;border-radius:6px;color:#667eea;cursor:pointer;transition:all .2s;font-size:14px}.btn-icon:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-icon.btn-entregar{color:#10b981}.btn-icon.btn-entregar:hover{background:#d1fae5}.btn-icon.btn-danger{color:#ef4444}.btn-icon.btn-danger:hover{background:#fee2e2}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.pagination button{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.pagination button:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#6b7280;font-size:14px;min-width:120px;text-align:center}@media(max-width:768px){.premios-header{flex-direction:column;align-items:stretch}.premios-header h1{font-size:24px}.btn-primary{width:100%;justify-content:center}.premios-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.premio-image{height:120px}.premio-content{padding:10px}.premio-content h3{font-size:13px;margin-bottom:6px}.premio-stats{gap:4px;margin-bottom:6px;padding-bottom:6px}.stat-label{font-size:9px}.stat-value{font-size:14px}.btn-icon{padding:6px;font-size:12px}}@media(max-width:480px){.premios-header h1{font-size:18px}.btn-primary{padding:8px 12px;font-size:12px}.premios-grid{grid-template-columns:repeat(2,1fr);gap:8px}.premio-image{height:100px}.premio-content{padding:8px}.premio-content h3{font-size:11px;margin-bottom:4px}.premio-stats{gap:2px;margin-bottom:4px;padding-bottom:4px}.stat-label{font-size:8px}.stat-value{font-size:12px;margin-top:1px}.btn-icon{padding:4px;font-size:11px}.search-box{min-width:100%}}.promociones-admin-container{padding:20px;max-width:1400px;margin:0 auto}.promociones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.promociones-header h2{font-size:28px;color:#111;margin:0;font-weight:700}.btn-agregar-promo{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s}.btn-agregar-promo:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.formulario-promo{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 4px 12px #00000014}.formulario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.formulario-header h3{font-size:20px;color:#111;margin:0;font-weight:700}.btn-cerrar{background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .3s;padding:0}.btn-cerrar:hover{color:#111}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#111;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-imagen{margin-top:12px;border-radius:6px;overflow:hidden;max-width:200px}.preview-imagen img{width:100%;height:auto;display:block}.image-source-tabs{display:flex;gap:8px;margin-bottom:12px}.tab-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;color:#6b7280;transition:all .3s}.tab-button:hover{border-color:#667eea;color:#667eea}.tab-button.active{border-color:#667eea;background:#667eea;color:#fff}.image-upload{position:relative;margin-bottom:12px}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed #e5e7eb;border-radius:6px;cursor:pointer;transition:all .3s;background:#f9fafb}.upload-label:hover{border-color:#667eea;background:#f0f4ff}.upload-label span{font-size:14px;color:#6b7280;font-weight:500}.image-url-input{margin-bottom:12px}.image-url-input input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.image-url-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-guardar,.btn-cancelar{flex:1;padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-guardar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-cancelar{background:#f3f4f6;color:#111}.promociones-lista{margin-top:30px}.promociones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.promo-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s;display:flex;flex-direction:column}.promo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.promo-imagen{width:100%;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;display:flex;align-items:center;justify-content:center}.promo-imagen img{width:100%;height:100%;object-fit:cover}.promo-content{padding:16px;flex:1;display:flex;flex-direction:column}.promo-content h3{font-size:16px;color:#111;margin:0 0 8px;font-weight:700;line-height:1.3}.promo-descripcion{font-size:13px;color:#6b7280;margin:0 0 12px;line-height:1.4;flex:1}.promo-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.descuento-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111;padding:6px 12px;border-radius:4px;font-weight:700;font-size:12px}.fecha-vencimiento{font-size:12px;color:#9ca3af;font-style:italic}.promo-acciones{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-editar,.btn-eliminar{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:13px;transition:all .3s}.btn-editar:hover{background:#bfdbfe}.btn-eliminar:hover{background:#fecaca}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state .subtitle{font-size:14px;margin-top:8px;color:#d1d5db}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-contenido{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.modal-imagen{width:100%;height:100%;object-fit:contain;max-width:90vw;max-height:90vh}.modal-cerrar{position:absolute;top:12px;right:12px;background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10001}.modal-cerrar:hover{background:#000000e6}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#111;font-size:14px;margin:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label input[type=checkbox]:hover{accent-color:#764ba2}@media(max-width:768px){.promociones-header{flex-direction:column;align-items:flex-start}.btn-agregar-promo{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-guardar,.btn-cancelar{width:100%}.promociones-grid{grid-template-columns:1fr}.promo-acciones{flex-direction:column}.btn-editar,.btn-eliminar{width:100%}}.notification-preferences-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.notification-preferences-header{padding:24px;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb}.header-title{display:flex;align-items:center;gap:12px;color:#fff}.header-title h2{font-size:20px;font-weight:700;margin:0}.header-title svg{color:#fff}.notification-banner{background:#fef3c7;border-bottom:1px solid #fde68a;padding:16px 24px}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.banner-content p{margin:0;font-size:14px;color:#92400e;flex:1}.btn-enable-notifications{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-enable-notifications:hover{background:#059669;transform:translateY(-1px)}.notification-preferences-content{padding:24px}.preferences-section h3{font-size:18px;font-weight:700;color:#111;margin:0 0 8px}.section-description{font-size:14px;color:#6b7280;margin:0 0 20px}.preferences-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.preference-item:hover{background:#f3f4f6;border-color:#10b981}.preference-info{flex:1}.preference-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600;color:#111;margin:0}.preference-label input{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.preference-label input:disabled{cursor:not-allowed;opacity:.5}.preference-description{font-size:12px;color:#6b7280;margin:4px 0 0 30px}.preference-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease}.preference-status.enabled{background:#dcfce7;color:#166534}.preference-status.disabled{background:#f3f4f6;color:#d1d5db}.preferences-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.btn-save-preferences{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-preferences:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save-preferences:disabled{opacity:.6;cursor:not-allowed}.notification-preferences-loading{padding:40px 24px;text-align:center;color:#6b7280;font-size:14px}@media(max-width:640px){.notification-preferences-header{padding:20px}.banner-content{flex-direction:column;align-items:flex-start}.btn-enable-notifications{width:100%;justify-content:center}.notification-preferences-content{padding:20px}.preference-item{flex-direction:column;align-items:flex-start;gap:12px}.preference-status{align-self:flex-end}.preferences-actions{flex-direction:column}.btn-save-preferences{width:100%}}.config-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-btn{padding:10px 16px;background:none;border:none;color:#6b7280;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn.active{color:#10b981;border-bottom-color:#10b981}.config-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:#667eea;cursor:pointer;border-radius:8px;transition:all .2s;font-size:18px}.config-button:hover{background:#667eea1a;color:#764ba2;transform:scale(1.05)}.config-button:active{transform:scale(.95)}.config-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-weight:600;color:#111;font-size:14px}.form-group input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#111;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#ef4444}.form-group input.disabled-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.help-text,.form-hint{font-size:12px;color:#6b7280;font-weight:500;margin-top:4px}.fecha-bloqueada-config{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:6px}.fecha-display-config{padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#111;font-weight:600}.fecha-info-config{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.fecha-info-config svg{color:#f59e0b;flex-shrink:0}.error-message{font-size:12px;color:#ef4444;font-weight:500}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel,.btn-submit{flex:1;padding:10px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-cancel{background:#f3f4f6;color:#111}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.versus-section-config{padding:16px;background:linear-gradient(135deg,#f0f4ff,#f9f5ff);border-radius:8px;border:2px solid #e0e7ff}.versus-header-config{margin-bottom:12px}.versus-label-config{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#667eea;-webkit-user-select:none;user-select:none}.versus-label-config input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.versus-label-config span{display:flex;align-items:center;gap:6px}.versus-horarios-config{margin-top:12px}.versus-info-config{font-size:12px;color:#6b7280;margin:0 0 12px;font-weight:500}.dia-horarios-config{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e7ff}.dia-horarios-config:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dia-nombre-config{font-size:12px;font-weight:600;color:#111;margin:0 0 8px}.horarios-grid-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:6px}.horario-btn-config{padding:8px;background:#fff;border:2px solid #e0e7ff;border-radius:6px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.horario-btn-config:hover{border-color:#667eea;color:#667eea;background:#f0f4ff}.horario-btn-config.activo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}@media(max-width:480px){.config-button{width:36px;height:36px}.form-group input{padding:8px 10px;font-size:13px}.btn-cancel,.btn-submit{padding:8px 12px;font-size:13px}.horarios-grid-config{grid-template-columns:repeat(auto-fit,minmax(48px,1fr))}}.color-picker:disabled{cursor:not-allowed;opacity:.6}.color-warning-message{display:block;margin-top:6px;color:#dc2626;font-size:12px;font-weight:500}.color-info-message{display:block;margin-top:4px;color:#6b7280;font-size:11px;font-style:italic}.config-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.config-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;color:#6b7280;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.config-tab:hover{color:#111}.config-tab.active{color:#10b981;border-bottom-color:#10b981}.config-notifications-tab{padding:20px 0}.color-selector-btn:hover:not(:disabled){border-color:#667eea;background:#f3f4f6}.color-selector-btn:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.colores-grid-config{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-option-config{aspect-ratio:1;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;font-size:0;padding:0}.color-option-config:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.color-option-config.selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.color-option-config:hover .color-label{opacity:1}.phone-input-container{display:flex;align-items:stretch;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;transition:border-color .2s}.phone-input-container:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.phone-prefix{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0}.flag-chile{font-size:18px;line-height:1}.prefix-text{font-size:14px;font-weight:500;color:#374151}.phone-input{flex:1;padding:10px 12px;border:none!important;font-size:14px;color:#111;outline:none;min-width:0}.phone-input:focus{box-shadow:none!important}.notifications-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-end;padding:16px;z-index:1100}.notifications-modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:420px;max-height:80vh;overflow:hidden;box-shadow:0 -6px 24px #0003;animation:slide-up .25s ease-out}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.header-actions-wrapper{display:flex;align-items:center;gap:8px}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.notifications-panel{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;width:320px;max-height:400px;overflow-y:auto;pointer-events:auto}.notifications-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#1f2937}.header-actions{display:flex;gap:8px}.btn-cerrar-panel{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px 6px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-cerrar-panel:hover{color:#374151}.btn-borrar-todas{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-borrar-todas:hover{color:#ef4444}.notification-empty{padding:24px 16px;text-align:center;color:#9ca3af;font-size:14px}.notifications-list{display:flex;flex-direction:column}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background-color .2s;align-items:flex-start}.notification-item:hover{background-color:#f9fafb}.btn-borrar-notif{background:none;border:none;cursor:pointer;color:#d1d5db;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s;pointer-events:auto;z-index:10}.btn-borrar-notif:hover{color:#ef4444}.notification-item.leido{opacity:.7}.notification-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.notification-item.success .notification-icon{color:#10b981}.notification-item.error .notification-icon{color:#ef4444}.notification-item.info .notification-icon{color:#3b82f6}.notification-body{flex:1;display:flex;flex-direction:column;gap:4px}.notification-body p{margin:0;font-size:14px;color:#1f2937;line-height:1.4}.notification-date{font-size:12px;color:#9ca3af;display:inline-flex;align-items:center;gap:4px}@media(max-width:768px){.header-actions-wrapper{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.notification-button{width:36px;height:36px;padding:6px}.notifications-panel{width:300px;right:-20px}}@media(max-width:640px){.notifications-panel{width:280px;right:-10px}.header-actions-wrapper{gap:4px}.notification-button{width:32px;height:32px;padding:4px}}.parche-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.parche-modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.parche-modal-header{padding:1.5rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#f9fafb,#fff);border-radius:24px 24px 0 0}.parche-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background-color:#f3f4f6;color:#ef4444}.parche-form{padding:1.5rem}.parche-profile-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center;background:#f9fafb;padding:1.5rem;border-radius:16px;border:1px dashed #d1d5db}.parche-avatar-container{position:relative;margin-bottom:1rem}.parche-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 6px -1px #0000001a}.parche-avatar-placeholder{width:100px;height:100px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;border:4px solid white;box-shadow:0 4px 6px -1px #0000001a}.readonly-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#6b7280;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;white-space:nowrap}.parche-readonly-info h3{margin:0 0 .25rem;color:#111827;font-size:1.25rem}.parche-readonly-info p{margin:0;color:#6b7280;font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group select{padding:.75rem 1rem;border-radius:12px;border:1px solid #e5e7eb;font-size:.95rem;transition:all .2s;background:#fff;color:#1f2937}.form-group input:focus,.form-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-actions{margin-top:2rem;display:flex;gap:1rem}.btn-cancel,.btn-submit{flex:1;padding:.875rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;box-shadow:0 4px 12px #10b98140}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.disponibilidad-grid{display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;padding:1rem;border-radius:12px;border:1px solid #e5e7eb}.dia-row{display:flex;flex-direction:column;gap:.5rem}.dia-label{font-size:.85rem;font-weight:600;color:#4b5563}.horas-container{display:flex;flex-wrap:wrap;gap:.5rem}.btn-hora{padding:.4rem .75rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500}.btn-hora:hover{background:#f3f4f6;border-color:#d1d5db}.btn-hora.selected{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 4px #10b98133}.btn-hora.selected:hover{background:#059669}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.parche-modal-content{max-height:100vh;border-radius:24px 24px 0 0;position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;margin:0}.parche-modal-overlay{padding:0;align-items:flex-end}}.install-pwa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:transparent;border:none;font-weight:500;color:#10b981;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:10px;white-space:nowrap;flex-shrink:0}.install-pwa-btn:hover{color:#059669;transform:translateY(-2px);background:#10b9811a}.install-pwa-btn:active{transform:translateY(0)}.install-pwa-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.install-pwa-btn svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.5}.install-pwa-btn span{display:block;font-size:9px;font-weight:600;margin-top:2px}.install-spinner{width:20px;height:20px;border:2px solid rgba(16,185,129,.3);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.install-pwa-btn{padding:6px 10px}.install-pwa-btn svg{width:20px;height:20px}.install-pwa-btn span{font-size:8px}}.nav-btn-push{color:#f59e0b!important;animation:pulse-bell 2s infinite}.nav-btn-push:hover{color:#d97706!important;background:#f59e0b1a!important}.nav-btn-push svg{animation:ring 1s ease-in-out infinite}@keyframes pulse-bell{0%,to{opacity:1}50%{opacity:.7}}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.nav-btn-push-active{color:#10b981!important}.nav-btn-push-active svg{animation:none}.popup-resultado-partido{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;padding:20px}.popup-resultado-partido.visible{opacity:1}.popup-resultado-content{border-radius:20px;padding:40px 30px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;position:relative;animation:popupResultadoSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupResultadoSlideIn{0%{transform:scale(.8) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-resultado-content.resultado-ganado{background:linear-gradient(135deg,#10b981,#059669)}.popup-resultado-content.resultado-ganado .popup-resultado-icon{animation:popupGanadoBounce .8s cubic-bezier(.34,1.56,.64,1)}@keyframes popupGanadoBounce{0%{transform:scale(0) rotate(-30deg)}50%{transform:scale(1.2)}to{transform:scale(1) rotate(0)}}.popup-resultado-content.resultado-empatado{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.popup-resultado-content.resultado-empatado .popup-resultado-icon{animation:popupEmpatadoSpin .8s ease-out}@keyframes popupEmpatadoSpin{0%{transform:scale(0) rotate(-360deg)}to{transform:scale(1) rotate(0)}}.popup-resultado-content.resultado-perdido{background:linear-gradient(135deg,#f97316,#ea580c)}.popup-resultado-content.resultado-perdido .popup-resultado-icon{animation:popupPerdidoPulse .8s ease-out}@keyframes popupPerdidoPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.popup-resultado-close{position:absolute;top:12px;right:12px;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-resultado-close:hover{background:#ffffff4d;transform:scale(1.1)}.popup-resultado-icon{margin-bottom:20px}.popup-resultado-icon svg{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.popup-resultado-titulo{font-size:28px;font-weight:800;color:#fff;margin:0 0 12px}.popup-resultado-mensaje{font-size:18px;color:#fffffff2;margin:0 0 8px;font-weight:600}.popup-resultado-subtitulo{font-size:14px;color:#ffffffd9;margin:0 0 20px;font-weight:500;font-style:italic}.popup-resultado-progress{height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-bar-resultado{height:100%;background:#fffc;border-radius:2px;animation:progressFillResultado 5s linear forwards}@keyframes progressFillResultado{0%{width:100%}to{width:0%}}@media(max-width:480px){.popup-resultado-content{padding:30px 20px;max-width:90vw}.popup-resultado-titulo{font-size:24px}.popup-resultado-mensaje{font-size:16px}.popup-resultado-subtitulo{font-size:13px}.popup-resultado-icon svg{width:48px;height:48px}}.versus-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.versus-popup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;overflow:hidden;animation:slideUp .4s ease-out}.popup-header{padding:32px 24px;display:flex;align-items:center;gap:16px;position:relative;color:#fff}.popup-header.success{background:linear-gradient(135deg,#10b981,#059669)}.popup-header.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.popup-icon{flex-shrink:0;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-header h3{margin:0;font-size:24px;font-weight:700;flex:1}.popup-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.popup-close:hover{background:#ffffff4d;transform:rotate(90deg)}.popup-content{padding:32px 24px;display:flex;flex-direction:column;gap:24px}.rival-info{text-align:center;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border-left:4px solid #0ea5e9}.rival-nombre{margin:0 0 8px;font-size:14px;color:#64748b;font-weight:500}.rival-equipo{margin:0;font-size:28px;font-weight:700;color:#0ea5e9}.fecha-info{padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #f59e0b}.fecha-label{margin:0 0 8px;font-size:14px;color:#92400e;font-weight:500}.fecha-valor{margin:0;font-size:18px;font-weight:600;color:#b45309;text-transform:capitalize}.apuesta-info{padding:16px;border-radius:12px;text-align:center;border-left:4px solid}.apuesta-info.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left-color:#10b981}.apuesta-info.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ef4444}.apuesta-label{margin:0 0 8px;font-size:14px;font-weight:600}.apuesta-info.success .apuesta-label{color:#047857}.apuesta-info.error .apuesta-label{color:#991b1b}.apuesta-monto{margin:0;font-size:24px;font-weight:700}.apuesta-info.success .apuesta-monto{color:#10b981}.apuesta-info.error .apuesta-monto{color:#ef4444}.rechazo-mensaje{text-align:center;font-size:16px;color:#64748b;margin:0;padding:20px;background:#f8fafc;border-radius:12px}@media(max-width:640px){.versus-popup-modal{width:95%}.popup-header{padding:24px 16px;flex-direction:column;text-align:center}.popup-header h3{font-size:20px}.popup-content{padding:24px 16px}.rival-equipo{font-size:24px}.fecha-valor{font-size:16px}.apuesta-monto{font-size:20px}}.popup-partido-asignado{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.popup-partido-asignado.mostrar{opacity:1;visibility:visible}.popup-contenido-asignado{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;padding:28px;box-shadow:0 25px 80px #0006;max-width:420px;width:100%;position:relative;border:3px solid rgba(255,255,255,.2);animation:popupEntrada .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEntrada{0%{transform:scale(.8) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.btn-cerrar-popup-asignado{position:absolute;top:14px;right:14px;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;padding:0;z-index:10}.btn-cerrar-popup-asignado:hover{background:#ff0000b3;border-color:#fffc;transform:scale(1.1)}.btn-cerrar-popup-asignado:active{transform:scale(.95)}.popup-header-asignado{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding-right:30px}.popup-icono-asignado{font-size:48px;animation:bounce .6s ease-in-out infinite}.popup-titulo-asignado{color:#fff;font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center}.popup-body-asignado{background:#fffffff2;border-radius:16px;padding:20px;margin-bottom:16px}.popup-mensaje-asignado{color:#1e40af;font-size:15px;font-weight:600;text-align:center;margin:0 0 20px;padding-bottom:16px;border-bottom:2px dashed #e5e7eb}.detalles-partido-asignado{display:flex;flex-direction:column;gap:14px}.detalle-item-asignado{display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border-left:4px solid #3b82f6}.detalle-item-asignado .detalle-icon{color:#1e40af;flex-shrink:0}.detalle-info{display:flex;flex-direction:column;gap:2px}.detalle-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detalle-valor{font-size:15px;font-weight:700;color:#1e40af}.popup-footer-asignado{background:#ffffff26;border-radius:12px;padding:16px;text-align:center}.mensaje-footer-asignado{color:#fff;font-size:14px;font-weight:600;margin:0 0 14px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-cerrar-footer-asignado{width:100%;padding:14px 28px;background:#fffffff2;border:none;border-radius:10px;color:#1e40af;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cerrar-footer-asignado:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.btn-cerrar-footer-asignado:active{transform:translateY(0)}@media(max-width:480px){.popup-partido-asignado{padding:12px}.popup-contenido-asignado{padding:20px;border-radius:16px}.popup-icono-asignado{font-size:40px}.popup-titulo-asignado{font-size:18px}.popup-body-asignado{padding:16px}.popup-mensaje-asignado{font-size:14px}.detalle-item-asignado{padding:10px 12px;gap:10px}.detalle-valor{font-size:14px}.btn-cerrar-footer-asignado{padding:12px 24px;font-size:14px}}.cliente-container{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fa}.cliente-main{padding-bottom:100px}.cliente-header{background:#fff!important;color:#111!important;padding:4px 8px;min-height:44px;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;gap:4px;padding:0 2px;position:relative}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-logout-cliente{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;transition:all .3s ease;font-size:16px}.btn-logout-cliente:hover{background:#ffffff4d;transform:scale(1.05)}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:16px;color:#6b7280;background:#f8f9fa}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#6b7280;font-size:16px;margin:0}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;text-align:center;padding:20px}.empty-state p{color:#6b7280;font-size:16px;margin:0;line-height:1.5}.header-logo-section{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;flex-wrap:wrap;min-width:0}.header-logo-text{font-size:12px;font-weight:600;color:#1f2937;white-space:nowrap}.cliente-header h1{display:none}.header-logo{max-height:38px;max-width:140px;object-fit:contain;flex-shrink:0}.cliente-nav{display:flex;gap:8px;background:#fff!important;border-top:1px solid #e5e7eb;border-bottom:none;padding:16px 12px;max-width:100%;margin:0;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;position:fixed;bottom:0;left:0;right:0;z-index:999;justify-content:flex-start;align-items:center;box-shadow:0 -4px 16px #00000014;min-height:72px}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:transparent;border:none;font-weight:500;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:10px;white-space:nowrap;flex-shrink:0;position:relative;margin:0}.nav-btn:hover{color:#1f2937;transform:translateY(-2px)}.nav-btn.active{background:#f3f4f6;color:#3b82f6;box-shadow:0 4px 12px #3b82f626;padding:8px 16px;border-radius:24px}.nav-btn.active:hover{background:#e5e7eb;box-shadow:0 6px 16px #3b82f633}.nav-btn span{display:block;font-size:9px;font-weight:600;margin-top:2px;color:#6b7280}.nav-btn .nav-notification-badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;width:26px;height:26px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 0 0 2px #fff;letter-spacing:.2px}.nav-btn.active span{display:block;font-size:9px;font-weight:700;color:#3b82f6}.nav-btn svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.5;color:#6b7280}.nav-btn.active svg{color:#3b82f6}.notifications-panel-wrapper{position:absolute;bottom:calc(100% + 8px);right:0;z-index:10000;pointer-events:none}@keyframes pulse-badge{0%{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 2px 12px #ef4444cc}to{box-shadow:0 2px 8px #ef444466}}.nav-icon-custom{width:24px;height:24px;flex-shrink:0;object-fit:contain}.nav-btn.vs-btn{color:#6b7280;font-weight:500;font-size:10px;padding:8px 12px;box-shadow:none;background:transparent}.nav-btn.vs-btn:hover{color:#4b5563;box-shadow:none}.nav-btn.vs-btn.active{background:#ffffffd9;color:#ef4444;box-shadow:0 4px 12px #ef444433;padding:8px 16px;border-radius:24px}.nav-btn.vs-btn.active:hover{background:#fffffff2;box-shadow:0 6px 16px #ef44444d}.nav-btn.vs-btn span{display:block;font-size:9px;font-weight:600;margin-top:2px;color:#000}.nav-btn.vs-btn.active span{color:#ef4444;font-weight:700}.nav-btn.vs-btn .nav-icon-custom{display:block}.nav-btn.vs-btn:has(.nav-icon-custom){background:transparent;color:#6b7280;box-shadow:none;padding:8px 12px}.nav-btn.vs-btn:has(.nav-icon-custom):hover{background:transparent;box-shadow:none;color:#4b5563}.nav-left-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-right-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-config-wrapper{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:2px}.nav-notifications-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;position:relative}@media(max-width:768px){.cliente-header{padding:8px 12px}.header-content{gap:6px;justify-content:space-between}.header-actions{gap:4px;margin-left:auto;flex-shrink:0;display:flex;align-items:center}.cliente-header h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.btn-logout-cliente,.notification-button{width:32px;height:32px;flex-shrink:0}}@media(max-width:480px){.cliente-main{padding-bottom:140px}.cliente-header{padding:2px 6px;min-height:36px}.header-content{gap:2px;padding:0 1px}.header-actions{gap:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.header-logo-section{display:flex;justify-content:center;align-items:center;width:100%;gap:4px}.header-logo{max-height:32px;max-width:110px}.header-logo-text{font-size:11px}.cliente-header h1{font-size:12px}.btn-logout-cliente{width:28px;height:28px;font-size:14px}.notification-button{width:28px;height:28px}.cliente-nav{gap:6px;padding:12px 8px;min-height:68px}.nav-btn{padding:6px 10px;font-size:9px;gap:3px;margin:0;border-radius:8px}.nav-btn.active{padding:6px 14px;border-radius:20px}.nav-btn svg{width:20px;height:20px}.nav-config-wrapper{gap:2px}.deuda-badge{width:24px;height:24px;font-size:12px;top:-6px;right:-6px}.vs-badge{width:20px;height:20px;font-size:10px;top:-4px;right:-4px}}@media(max-width:360px){.nav-btn{padding:5px 8px;font-size:8px;gap:2px}.nav-btn.active{padding:5px 12px}.nav-btn svg{width:18px;height:18px}.cliente-nav{padding:10px 6px;gap:4px;min-height:66px}.nav-btn span{display:block;font-size:7px;margin-top:1px}.deuda-badge{width:22px;height:22px;font-size:11px;top:-5px;right:-5px}.vs-badge{width:18px;height:18px;font-size:9px;top:-3px;right:-3px}}.deuda-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid #fca5a5;box-shadow:0 2px 8px #ef444480;animation:pulse-badge 2s infinite;z-index:10;pointer-events:none}.deuda-pagos{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:12px;background:#f9fafb;border-radius:8px}.pago-info{display:flex;justify-content:space-between;align-items:center;font-size:13px}.pago-info .label{font-weight:600;color:#6b7280}.pago-info .valor{font-weight:700;color:#111}.pago-info .valor.pagado{color:#10b981}.pago-info .valor.pendiente{color:#ef4444}.historial-pagos-cliente{margin:12px 0;padding:12px;background:#f9fafb;border-radius:8px}.historial-pagos-cliente h5{margin:0 0 8px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.pago-detalle-cliente{background:#fff;border-left:3px solid #10b981;padding:8px 12px;border-radius:4px;margin-bottom:6px;font-size:12px}.pago-tipo-monto{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pago-tipo{font-weight:600;color:#111}.pago-monto{font-weight:700;color:#10b981}.pago-fecha-cliente{font-size:11px;color:#9ca3af}.nav-btn.notifications-btn{background:transparent!important;color:#fbbf24!important;border-radius:8px;padding:8px 12px!important;display:flex;align-items:center;justify-content:center;position:relative;margin-left:auto;flex-shrink:0}.nav-btn.notifications-btn svg{color:#fbbf24!important;width:24px;height:24px;flex-shrink:0}.nav-btn.notifications-btn:hover{background:#fbbf241a!important;transform:scale(1.05)}.nav-btn.notifications-btn:hover svg{color:#f59e0b!important}.nav-btn.notifications-btn.has-notifications{background:transparent!important;color:#ef4444!important}.nav-btn.notifications-btn.has-notifications svg{color:#ef4444!important}.nav-btn.notifications-btn.has-notifications:hover{background:#ef44441a!important}.nav-btn.notifications-btn.has-notifications:hover svg{color:#dc2626!important}.config-logout-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px;display:flex;justify-content:center}.btn-logout{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-logout:hover{background:#fecaca;border-color:#f87171;transform:translateY(-2px)}.profile-card{display:flex;align-items:center;gap:20px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:32px}.profile-avatar-container{width:80px;height:80px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #00000026}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #00000026}.profile-info h2{margin:0 0 4px;font-size:20px;color:#111}.profile-team{margin:0 0 4px;font-size:14px;color:#6b7280}.profile-email{margin:0 0 8px;font-size:13px;color:#9ca3af}.profile-tipo{display:flex;gap:8px;align-items:center;margin-top:8px}.tipo-label{font-size:13px;color:#666;font-weight:500}.tipo-label strong{color:#333;font-weight:700;text-transform:capitalize}.profile-dates{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.date-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.date-item svg{color:#10b981;flex-shrink:0}.date-item strong{color:#1f2937;font-weight:600}.tipo-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize;box-shadow:0 2px 4px #0000001a}.points-section{background:linear-gradient(135deg,#10b981,#059669);padding:60px;border-radius:50%;box-shadow:0 8px 24px #10b9814d;text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px;height:280px;margin-left:auto;margin-right:auto}.points-label{font-size:14px;color:#ffffffe6;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.points-value{font-size:80px;font-weight:800;color:#fff;margin:0;line-height:1}.points-description{font-size:12px;color:#ffffffd9;margin-top:12px;font-weight:500}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.info-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;text-align:center}.info-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-value{font-size:28px;font-weight:700;color:#000}.quick-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.action-btn{flex:1;min-width:200px;padding:18px 24px;background:linear-gradient(135deg,#047857,#065f46);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #04785733;display:flex;align-items:center;justify-content:center;gap:10px}.action-btn:hover{transform:translateY(-4px);box-shadow:0 12px 28px #04785759}.action-btn:active{transform:translateY(-2px)}.action-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;box-shadow:0 4px 12px #10b98133}.action-btn.secondary:hover{transform:translateY(-4px);box-shadow:0 12px 28px #10b98159}.action-btn.has-alert{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111!important;animation:pulse-alert 2s infinite}.action-btn.has-alert:hover{box-shadow:0 10px 25px #fbbf2466}@keyframes pulse-alert{0%,to{box-shadow:0 0 #fbbf24b3}50%{box-shadow:0 0 0 10px #fbbf2400}}.alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#fbbf24;color:#000;border-radius:50%;font-size:12px;font-weight:700;position:absolute;top:-8px;right:-8px}.action-icon-custom{width:18px;height:18px;object-fit:contain;flex-shrink:0}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.popup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.popup-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #e5e7eb;position:relative}.popup-icon{color:#dc2626;flex-shrink:0}.popup-header h3{margin:0;font-size:18px;font-weight:700;color:#111;flex:1}.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.popup-close:hover{color:#111}.popup-content{padding:24px}.popup-content p{margin:0 0 16px;font-size:14px;color:#6b7280}.popup-premios{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.popup-premio-item{background:#f9fafb;padding:12px 16px;border-radius:8px;border-left:4px solid #dc2626}.popup-premio-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111}.popup-premio-puntos{margin:0;font-size:12px;color:#6b7280}.popup-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.popup-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.popup-btn.primary{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.popup-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #dc26264d}.popup-btn.secondary{background:#f3f4f6;color:#111}.popup-btn.secondary:hover{background:#e5e7eb}.popup-modal.celebration{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fbbf24;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{opacity:1}70%{transform:scale(1.05)}to{transform:scale(1)}}.celebration-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-bottom:3px solid #d97706;text-align:center;padding:24px!important;position:relative;display:flex;flex-direction:column;align-items:center}.celebration-icons{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.sparkle-icon{color:#fff;animation:spin 2s linear infinite}.sparkle-icon:nth-child(2){animation-delay:.3s}.sparkle-icon:nth-child(3){animation-delay:.6s}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.celebration-header h3{font-size:24px!important;color:#fff!important;margin:8px 0!important;text-shadow:2px 2px 4px rgba(0,0,0,.2);font-weight:800!important}.celebration-subtitle{color:#fff;font-size:14px;font-weight:600;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.celebration-content{background:#ffffffe6;padding:24px!important}.celebration-text{font-size:16px;font-weight:600;color:#111;text-align:center;margin-bottom:20px!important}.popup-premio-item.celebration-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:6px solid #fbbf24;display:flex;align-items:center;gap:12px;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.celebration-emoji{font-size:28px;animation:bounce 1s infinite}.celebration-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#111!important;font-weight:700!important;font-size:15px!important;border:2px solid #d97706!important;animation:pulse 2s infinite}.celebration-btn:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 12px 24px #fbbf2480!important}@keyframes pulse{0%,to{box-shadow:0 0 #fbbf24b3}50%{box-shadow:0 0 0 10px #fbbf2400}}@media(max-width:768px){.cliente-header{padding:8px 8px 50px}.header-content{flex-direction:row;gap:6px;align-items:center;justify-content:space-between;width:100%}.header-actions,.header-actions-wrapper{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.cliente-header h1{font-size:14px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout-cliente,.notification-button{width:32px;height:32px}.nav-btn span{display:none}.nav-btn{padding:8px 10px;font-size:0}.nav-btn svg{font-size:18px}.profile-card{flex-direction:column;text-align:center}.points-value{font-size:48px}.quick-actions{flex-direction:column;gap:10px}.action-btn{min-width:auto;width:100%;padding:12px 16px;font-size:13px}.popup-modal{width:95%;max-height:90vh}.popup-header{padding:16px}.popup-header h3{font-size:16px}.popup-content{padding:16px}.popup-actions{flex-direction:column;padding:16px}.popup-btn{padding:10px 12px;font-size:13px}.popup-modal.celebration{width:92vw;max-width:100%;max-height:85vh;overflow-y:auto}.celebration-header{padding:14px 12px!important;gap:8px}.celebration-header h3{font-size:16px!important;margin:4px 0!important;line-height:1.2}.celebration-subtitle{font-size:13px;margin:4px 0 0!important;line-height:1.3;color:#fff;font-weight:500}.celebration-icons{gap:6px;margin-bottom:6px}.sparkle-icon{width:18px;height:18px}.popup-close{position:absolute;top:8px;right:8px;width:24px;height:24px;font-size:18px}.celebration-content{padding:14px!important}.celebration-text{font-size:13px;margin-bottom:12px!important;line-height:1.4}.popup-premios{max-height:35vh;overflow-y:auto}.popup-premio-item.celebration-item{gap:8px;padding:8px;margin-bottom:6px}.celebration-emoji{font-size:18px;flex-shrink:0}.popup-premio-info h4{font-size:12px;margin:0 0 2px;font-weight:600}.popup-premio-puntos{font-size:10px;margin:0}.popup-actions{padding:10px!important;gap:6px;flex-direction:column}.popup-btn{padding:10px 12px!important;font-size:12px!important}.celebration-btn{font-size:12px!important;padding:10px 12px!important}}.inicio-saludo{text-align:center;margin:32px 0 40px;padding:0 16px}.inicio-saludo h1{font-size:32px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.nombre-usuario{color:#3b82f6;font-weight:700}.inicio-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:0 16px 32px}.inicio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:16px;color:#fff;position:relative;min-height:140px}.card-icon{font-size:48px;line-height:1}.card-title{font-size:16px;font-weight:700;text-align:center}.card-disabled-label{position:absolute;top:8px;right:8px;font-size:10px;background:#0000004d;padding:4px 8px;border-radius:4px;font-weight:600}.versus-card{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.versus-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #3b82f666}.premios-card{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.premios-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #10b98166}.reservas-card{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 15px #f973164d}.reservas-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #f9731666}.desafios-card{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d}.desafios-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #6b728066}.desafios-card.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.desafios-card.disabled:hover{transform:none;box-shadow:0 4px 15px #6b728033}.inicio-grid .multimedia-card,.multimedia-home-card{background:linear-gradient(145deg,#ef4444,#dc2626 40%,#b91c1c)!important;box-shadow:0 10px 28px #ef444473!important;color:#fff5f5!important}.inicio-grid .multimedia-card:hover:not(:disabled),.multimedia-home-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 18px 34px #b91c1c73}.multimedia-icon-badge{width:76px;height:76px;border-radius:20px;border:2px solid rgba(255,255,255,.4);background:#ffffff1f;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 22px #00000026}.multimedia-icon{color:#fff}.multimedia-tagline{margin:0;font-size:13px;text-align:center;color:#ffffffe6;font-weight:600}.puntos-card{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec48994d;position:relative}.puntos-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #ec489966}.card-puntos{font-size:24px;font-weight:700;color:#fff;margin-top:4px}@media(max-width:640px){.inicio-grid{grid-template-columns:1fr 1fr}.inicio-saludo{margin:24px 0 32px}.inicio-saludo h1{font-size:28px}.inicio-grid{gap:12px;padding:0 12px 24px}.inicio-card{min-height:120px;padding:24px 12px}.card-icon{font-size:40px}.card-title{font-size:14px}}.section-header{margin-bottom:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;text-align:left}.section-header h2{margin:0;font-size:32px;color:#111;font-weight:800;letter-spacing:-.5px}.section-subtitle{margin:0;font-size:15px;color:#6b7280;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-weight:500}.section-subtitle strong{font-size:56px;color:#fff;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:16px 32px;border-radius:16px;box-shadow:0 8px 24px #fbbf244d;min-width:140px;text-align:center;line-height:1;display:inline-flex;align-items:center;justify-content:center}.premios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:0}.premio-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0;display:flex;flex-direction:column}.premio-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px);border-color:#e5e7eb}.premio-image{width:100%;height:220px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.premio-image:after{content:"";position:absolute;inset:0;background:#0000;transition:background .3s ease}.premio-card:hover .premio-image:after{background:#0000000d}.premio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.premio-card:hover .premio-image img{transform:scale(1.05)}.image-placeholder{font-size:64px;z-index:1}.premio-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.premio-content h3{margin:0;font-size:17px;color:#111;font-weight:700;line-height:1.3;letter-spacing:-.3px}.premio-stats{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb}.stat-column{flex:1;display:flex;flex-direction:column;gap:8px}.stat{flex:1;text-align:center}.stat-label{display:block;font-size:11px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.stat-value{display:block;font-size:28px;font-weight:800;color:#000;line-height:1}.stat-column .stat:first-child .stat-value{font-size:40px;color:#047857;font-weight:900}.stat-column .stat:nth-child(2) .stat-value{font-size:28px;color:#6b7280;font-weight:800}.btn-canjear{padding:12px 20px;background:linear-gradient(135deg,#047857,#065f46);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #04785733}.btn-canjear:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 20px #04785759}.btn-canjear.disabled{background:#d1d5db;cursor:not-allowed;opacity:.5;box-shadow:none}.puntos-faltantes{font-size:12px;color:#ef4444;text-align:center;font-weight:600;margin-top:4px;padding:8px 12px;background:#fee2e2;border-radius:8px;border-left:3px solid #ef4444}.toast{position:fixed;bottom:20px;right:20px;padding:16px 20px;border-radius:8px;font-weight:500;font-size:14px;animation:slideIn .3s ease;z-index:1000}.toast.success{background:#d1fae5;color:#065f46}.toast.error{background:#fee2e2;color:#991b1b}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.section-header{margin-bottom:24px}.section-header h2{font-size:26px;margin-bottom:12px}.section-subtitle{font-size:14px;gap:10px}.section-subtitle strong{font-size:40px;padding:12px 28px;min-width:auto}.premios-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.premio-image{height:140px}.premio-content{padding:14px;gap:10px}.premio-content h3{font-size:14px}.premio-stats{padding:12px;gap:12px}.stat-label{font-size:9px}.stat-value{font-size:22px}.stat-column .stat:first-child .stat-value{font-size:28px}.btn-canjear{padding:10px 14px;font-size:12px}}@media(max-width:480px){.section-header{margin-bottom:16px}.section-header h2{font-size:20px;margin-bottom:8px}.section-subtitle{font-size:12px;gap:8px}.section-subtitle strong{font-size:28px;padding:8px 16px;min-width:auto}.premios-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.premio-card{border-radius:12px;box-shadow:0 1px 4px #00000014}.premio-image{height:90px;cursor:pointer}.premio-content{padding:8px;gap:4px}.premio-content h3{font-size:10px;line-height:1.2;font-weight:600;margin:0}.premio-stats{padding:6px;gap:4px;border-radius:8px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;display:flex;flex-direction:column}.stat-column{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center}.stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:1px;width:100%}.stat-label{font-size:6px;color:#4b5563;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:0}.stat-value{font-size:14px;font-weight:800;color:#000;line-height:1;margin:0}.stat-column .stat:first-child .stat-value{font-size:16px;color:#059669}.stat-column .stat:nth-child(2) .stat-value{font-size:16px;color:#dc2626;font-weight:900}.btn-canjear{padding:6px 8px;font-size:10px;font-weight:700;margin-top:2px}.puntos-faltantes{font-size:8px;padding:3px 6px;margin-top:2px;border-left:2px solid #ef4444}.premio-actions{gap:4px}}.premio-actions{display:flex;flex-direction:column;gap:8px}.btn-credito{padding:10px 16px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-credito:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal-close:hover{color:#333}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.premio-info{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #06b6d4}.premio-info h4{margin:0 0 8px;color:#333;font-size:16px}.precio{margin:0;color:#06b6d4;font-weight:700;font-size:18px}.credito-info{background:#f0fdf4;padding:12px 16px;border-radius:8px;border-left:4px solid #28a745}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333}.info-row strong{color:#28a745;font-weight:700}.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.form-group select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.resumen-credito{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#666}.resumen-item strong{color:#333;font-weight:700}.resumen-item.highlight{background:#f0fdf4;padding:12px;margin:8px -16px -16px;border-radius:0 0 8px 8px;color:#333}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancelar,.btn-confirmar{flex:1;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancelar{background:#fff;color:#666;border:1px solid #ddd}.btn-cancelar:hover{background:#f3f4f6;border-color:#999}.btn-confirmar{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}@media(max-width:768px){.modal-content{width:95%}.modal-body{gap:12px}.modal-footer{flex-direction:column}.btn-cancelar,.btn-confirmar{width:100%}}.image-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{width:100%;height:100%;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.canje-modal{max-width:450px;animation:slideUp .3s ease}.canje-modal .modal-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-bottom:none;padding:24px}.canje-modal .modal-header h3{color:#fff;font-size:20px;font-weight:700}.canje-modal .modal-close{color:#fffc;font-size:28px}.canje-modal .modal-close:hover{color:#fff;transform:rotate(90deg)}.canje-modal .premio-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;text-align:center;padding:20px;border-radius:12px;margin-bottom:16px}.canje-modal .premio-info h4{color:#92400e;font-size:18px;font-weight:700;margin-bottom:8px}.canje-modal .precio{color:#d97706;font-size:20px;font-weight:800;margin-bottom:12px}.canje-modal .premio-preview{max-width:120px;max-height:120px;object-fit:cover;border-radius:8px;margin:0 auto;box-shadow:0 4px 12px #0000001a}.canje-message{text-align:center;padding:16px;background:#f0fdf4;border-radius:12px;border:1px solid #bbf7d0}.canje-message p{margin:0 0 8px;color:#333;font-size:15px;font-weight:600}.canje-message .info-text{color:#059669;font-size:13px;font-weight:500;line-height:1.4;margin:0}.canje-modal .modal-footer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:none;padding:20px 24px;gap:16px}.canje-modal .btn-cancelar{background:#fff;color:#92400e;border:2px solid #f59e0b;font-weight:700;padding:14px 20px}.canje-modal .btn-cancelar:hover{background:#fef3c7;border-color:#d97706;transform:translateY(-2px)}.canje-modal .btn-confirmar{background:linear-gradient(135deg,#059669,#047857);color:#fff;font-weight:700;padding:14px 20px;box-shadow:0 4px 12px #0596694d}.canje-modal .btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966}@media(max-width:768px){.canje-modal{max-width:95%;margin:20px}.canje-modal .modal-header{padding:20px}.canje-modal .modal-header h3{font-size:18px}.canje-modal .premio-info{padding:16px}.canje-modal .premio-info h4{font-size:16px}.canje-modal .precio{font-size:18px}.canje-modal .premio-preview{max-width:100px;max-height:100px}.canje-modal .modal-footer{padding:16px 20px;flex-direction:column}.canje-modal .btn-cancelar,.canje-modal .btn-confirmar{width:100%;padding:12px 16px}}@media(max-width:480px){.canje-modal .modal-header h3{font-size:16px}.canje-modal .premio-info h4{font-size:14px}.canje-modal .precio{font-size:16px}.canje-message p{font-size:14px}.canje-message .info-text{font-size:12px}}.btn-volver{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.btn-volver:hover{background:#5568d3;transform:translate(-2px);box-shadow:0 4px 12px #667eea66}.btn-volver:active{transform:translate(0)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:16px}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.ganado{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.canjeado{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.total{background:linear-gradient(135deg,#047857,#065f46);font-size:28px}.stat-content{flex:1}.stat-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;color:#000}.timeline{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.timeline-item{display:flex;gap:20px;padding:20px;border-bottom:1px solid #e5e7eb;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-item.suma:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#10b981 0%,transparent 100%)}.timeline-item.canje:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#f59e0b 0%,transparent 100%)}.timeline-marker{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;z-index:1}.timeline-item.suma .timeline-marker{background:linear-gradient(135deg,#10b981,#059669)}.timeline-item.canje .timeline-marker{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-content{flex:1;padding-top:4px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.timeline-header h3{margin:0;font-size:16px;color:#111;font-weight:600}.timeline-date{font-size:12px;color:#9ca3af;white-space:nowrap}.timeline-detail{margin:0 0 8px;font-size:14px;color:#6b7280}.timeline-points{font-size:14px;font-weight:600;margin-bottom:8px}.timeline-points.suma{color:#10b981}.timeline-points.canje{color:#f59e0b}.timeline-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline-status.aprobado{background:#d1fae5;color:#065f46}.timeline-status.rechazado{background:#fee2e2;color:#991b1b}.timeline-status.pendiente{background:#fef3c7;color:#92400e}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-date{white-space:normal}.timeline-item{gap:16px;padding:16px}.timeline-marker{width:48px;height:48px}.btn-volver{padding:6px 12px;font-size:12px;margin-bottom:12px}.btn-volver:hover{transform:translate(-1px)}}.tabs-container{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:#6b7280;transition:all .3s ease;position:relative}.tab-btn:hover{border-color:#10b981;color:#10b981}.tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#ffffff4d;border-radius:12px;font-size:12px;font-weight:700;margin-left:4px}.tab-btn.active .badge-count{background:#ffffff80}.deudas-content{animation:fadeIn .3s ease}.deuda-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border-left:4px solid;margin-bottom:16px;transition:all .3s ease}.deuda-card:hover{box-shadow:0 8px 16px #0000001a}.deuda-card.activa{border-left-color:#ef4444}.deuda-card.pagada{border-left-color:#10b981;opacity:.7}.deuda-card.atrasada{border-left-color:#f59e0b}.deuda-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.deuda-info h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#111}.deuda-fecha{font-size:12px;color:#9ca3af;margin:0}.deuda-estado{display:flex;gap:8px}.estado-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.estado-badge.activa{background:#fef3c7;color:#92400e}.estado-badge.pagada{background:#dcfce7;color:#166534}.estado-badge.atrasada{background:#fee2e2;color:#991b1b}.deuda-monto{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.deuda-monto .label{font-size:14px;color:#6b7280;font-weight:500}.deuda-monto .valor{font-size:18px;font-weight:700;color:#ef4444}.deuda-card.pagada .deuda-monto .valor{color:#10b981}.cuotas-deuda{margin-top:16px}.cuotas-deuda h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111}.cuota-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:13px}.cuota-item:last-child{border-bottom:none}.cuota-numero{font-weight:600;color:#111}.cuota-monto{font-weight:700;color:#6b7280}.cuota-fecha{font-size:12px;color:#9ca3af}.cuota-estado{font-size:14px}.deuda-info-extra{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.fecha-reserva,.hora-reserva{font-size:13px;color:#6b7280}.deuda-summary{margin-bottom:24px;display:flex;justify-content:center}.summary-card{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:24px 40px;border-radius:12px;box-shadow:0 8px 24px #ef44444d;text-align:center;min-width:280px}.summary-label{display:block;font-size:14px;font-weight:600;opacity:.9;margin-bottom:8px}.summary-amount{display:block;font-size:36px;font-weight:800;line-height:1}.deudas-section{margin-bottom:32px}.deudas-section h3{margin:0 0 16px;font-size:18px;color:#111;font-weight:700}.deudas-list{display:flex;flex-direction:column;gap:12px}.deuda-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border-left:4px solid;transition:all .3s}.deuda-item:hover{box-shadow:0 8px 16px #0000001a}.deuda-item.pendiente{border-left-color:#ef4444}.deuda-item.pagada{border-left-color:#10b981;opacity:.7}.deuda-icon{font-size:24px;flex-shrink:0}.deuda-info{flex:1;display:flex;flex-direction:column;gap:4px}.deuda-concepto{font-size:15px;font-weight:600;color:#111}.deuda-detalles{font-size:12px;color:#9ca3af;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.deuda-fecha{font-size:12px;color:#9ca3af}.deuda-cancha,.deuda-hora{font-size:12px;color:#9ca3af;font-weight:500}.deuda-separador{color:#d1d5db}.deuda-monto{font-size:18px;font-weight:700;color:#ef4444;flex-shrink:0}.deuda-item.pagada .deuda-monto{color:#10b981}@media(max-width:768px){.summary-card{padding:20px 24px;min-width:auto}.summary-amount{font-size:28px}.deuda-item{flex-direction:column;align-items:flex-start;gap:12px}.deuda-monto{align-self:flex-end}}.cliente-credito{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.credito-header{display:flex;align-items:center;margin-bottom:24px;border-bottom:2px solid #06b6d4;padding-bottom:12px}.credito-header h3{display:flex;align-items:center;gap:12px;margin:0;color:#333;font-size:20px}.credito-inactive{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:#fef3c7;border-radius:8px;color:#92400e;text-align:center}.credito-inactive svg{color:#f59e0b}.credito-inactive p{margin:0;font-size:14px}.credito-inactive .subtitle{font-size:12px;opacity:.8}.credito-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;border-radius:8px;border-left:4px solid #06b6d4;display:flex;flex-direction:column;gap:8px}.info-card label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.amount{font-size:20px;font-weight:700;color:#06b6d4}.amount.used{color:#dc3545}.amount.available{color:#28a745}.solicitar-credito{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px}.solicitar-credito h4{margin:0 0 16px;color:#333;font-size:16px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;padding:0 12px;transition:border-color .3s ease}.input-wrapper:focus-within{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.currency{font-weight:600;color:#666;margin-right:4px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input{flex:1}.input-wrapper input{border:none;flex:1;outline:none;font-size:14px}.form-group select:focus,.form-group input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.form-group small{font-size:12px;color:#666}.resumen{background:#fff;padding:16px;border-radius:6px;margin-bottom:16px;border:1px solid #ddd}.resumen-item:not(:last-child){border-bottom:1px solid #eee;margin-bottom:8px}.resumen-item strong{color:#06b6d4;font-weight:700}.btn-solicitar{width:100%;padding:12px 16px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-solicitar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.btn-solicitar:disabled{opacity:.6;cursor:not-allowed}.credito-full{display:flex;align-items:center;gap:12px;padding:16px;background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px}.credito-full svg{color:#dc3545;flex-shrink:0}.solicitudes-section{margin-top:24px}.solicitudes-section h4{margin:0 0 16px;color:#333;font-size:16px}.solicitudes-list{display:flex;flex-direction:column;gap:12px}.solicitud-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;display:flex;gap:16px;align-items:flex-start}.solicitud-card.pending{border-left:4px solid #ffc107;background:#fffbf0}.solicitud-card.approved{border-left:4px solid #28a745;background:#f0fdf4}.solicitud-status{padding:6px 12px;background:#ffc107;color:#000;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;min-width:fit-content}.solicitud-status.approved{background:#28a745;color:#fff;display:flex;align-items:center;gap:6px}.solicitud-details{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item span{font-size:12px;color:#666;font-weight:500}.detail-item strong{font-size:14px;color:#333;font-weight:700}.productos-credito{margin-bottom:24px}.productos-credito h4{margin:0 0 16px;color:#333;font-size:16px}.sin-productos{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:#f3f4f6;border-radius:8px;color:#6b7280;text-align:center}.sin-productos p{margin:0;font-size:14px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.producto-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.producto-card:hover{border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433;transform:translateY(-2px)}.producto-card.selected{border-color:#06b6d4;background:#f0f9ff;box-shadow:0 4px 12px #06b6d44d}.producto-imagen{width:100%;height:100px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.producto-imagen img{width:100%;height:100%;object-fit:cover}.imagen-placeholder{font-size:32px}.producto-info{display:flex;flex-direction:column;gap:6px}.producto-info h5{margin:0;font-size:12px;font-weight:600;color:#333;line-height:1.3}.producto-precio{font-size:14px;font-weight:700;color:#06b6d4}.producto-stock{font-size:11px;color:#6b7280}.compra-credito{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.compra-credito h4{margin:0 0 16px;color:#333;font-size:16px}.producto-seleccionado{background:#fff;padding:16px;border-radius:6px;margin-bottom:16px;border-left:4px solid #06b6d4}.detalle{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.detalle:not(:last-child){border-bottom:1px solid #eee;margin-bottom:8px}.detalle span{color:#666}.detalle strong{color:#333;font-weight:700}.resumen-item.highlight{background:#f0fdf4;padding:12px;margin:0 -20px -20px;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb}.resumen-item.highlight strong{color:#28a745;font-size:16px}.btn-comprar{width:100%;padding:12px 16px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-comprar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.btn-comprar:disabled{opacity:.6;cursor:not-allowed}.credito-warning{display:flex;gap:16px;padding:16px;background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:24px;align-items:flex-start}.credito-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.warning-content{flex:1}.warning-content p{margin:0;color:#7f1d1d;font-size:14px;line-height:1.5}.warning-content p:first-child{margin-bottom:4px}@media(max-width:768px){.cliente-credito{padding:16px}.credito-info{grid-template-columns:1fr}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.producto-imagen{height:80px}.solicitud-card{flex-direction:column}.solicitud-details{grid-template-columns:1fr}.credito-warning{flex-direction:column;gap:8px}}.cuotas-progress-cliente{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#0891b2);transition:width .3s ease}.cuotas-badges{display:flex;flex-wrap:wrap;gap:8px}.cuota-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:600;font-size:12px;border:2px solid #d1d5db;background:#fff;color:#6b7280}.cuota-badge.pagada{background:#d1fae5;border-color:#10b981;color:#059669}.cuota-badge.pendiente{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.solicitud-card.completado{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-left:4px solid #10b981}.solicitud-status.completado{background:#d1fae5;color:#059669;border-color:#10b981}.cliente-container{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.cliente-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:24px;font-weight:700}.header-actions{display:flex;gap:12px;align-items:center}.btn-logout-cliente{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-logout-cliente:hover{background:#ffffff4d;border-color:#ffffff80}.cliente-nav{background:#fff;padding:0;border-bottom:1px solid #e5e7eb;display:flex;gap:0;max-width:1200px;margin:0 auto;width:100%}.nav-btn{padding:16px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.nav-btn:hover{color:#10b981;background:#f9fafb}.nav-btn.active{color:#10b981;border-bottom-color:#10b981}.cliente-main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:24px 20px}.empty-state{text-align:center;padding:48px 24px;background:#fff;border-radius:12px;color:#9ca3af}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#6b7280}@media(max-width:768px){.header-content{flex-direction:column;gap:12px;align-items:flex-start}.header-content h1{font-size:20px}.cliente-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-btn{padding:12px 16px;font-size:13px}.cliente-main{padding:16px 12px}}.section-header{margin-bottom:32px;text-align:center}.section-header h2{margin:0 0 8px;font-size:28px;color:#111;font-weight:700}.section-subtitle{margin:0;font-size:16px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.empty-state h3{margin:0 0 8px;font-size:18px;color:#111}.empty-state p{margin:0;font-size:14px;color:#6b7280}.cliente-multimedia-container{min-height:100vh;background:linear-gradient(135deg,#10b981,#059669,#84cc16);display:flex;flex-direction:column;padding-bottom:2rem}.cliente-multimedia-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#666}.multimedia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.multimedia-title-section{display:flex;align-items:center;gap:1rem;flex:1}.multimedia-icon{color:#10b981;animation:bounce 2s infinite}.multimedia-title-section h2{margin:0;color:#1f2937;font-size:1.75rem}.multimedia-subtitle{margin:.5rem 0 0;color:#6b7280;font-size:.95rem}.empty-state p{margin:0;color:#6b7280;font-size:1.1rem}.multimedia-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.3);padding:0 1.5rem}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;position:relative;margin-bottom:-2px}.tab-btn:hover{color:#fff}.tab-btn.active{color:#fff;border-bottom-color:#fff}.multimedia-content{animation:fadeIn .3s ease;padding:0 1.5rem}.multimedia-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.multimedia-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.multimedia-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.multimedia-thumbnail{width:100%;height:200px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumbnail-img{width:100%;height:100%;object-fit:cover}.youtube-link{width:100%;height:100%;display:block;position:relative;text-decoration:none;cursor:pointer;z-index:1}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center;opacity:1;transition:all .3s ease;z-index:2;pointer-events:none}.youtube-link:hover .play-overlay{background:#0006}.youtube-link:hover .play-button{transform:scale(1.1)}.play-button{width:64px;height:64px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 16px #ef444480;transition:transform .3s ease}.image-container{width:100%;height:100%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-weight:600;font-size:14px}.image-container:hover .zoom-overlay{opacity:1}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#d1d5db;gap:8px}.thumbnail-placeholder.youtube-placeholder{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.thumbnail-placeholder span{font-size:14px;font-weight:600}.multimedia-info{padding:1rem;flex:1;display:flex;flex-direction:column}.multimedia-titulo{margin:0 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600;line-height:1.4}.multimedia-fecha{margin:0 0 .75rem;color:#9ca3af;font-size:.85rem}.btn-delete-multimedia{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.btn-delete-multimedia:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.btn-delete-multimedia:active{transform:translateY(0)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1)}@media(max-width:768px){.multimedia-header{flex-direction:column;gap:1rem;text-align:center}.multimedia-title-section{justify-content:center}.multimedia-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.multimedia-tabs{padding:0 1rem;gap:8px}.tab-btn{padding:10px 12px;font-size:12px}.multimedia-content{padding:0 1rem}}@media(max-width:480px){.multimedia-title-section{flex-direction:column;gap:.5rem}.multimedia-title-section h2{font-size:1.5rem}.multimedia-grid{grid-template-columns:1fr}.lightbox-close{top:10px;right:10px;background:#00000080;border-radius:50%}}.promociones-container{max-width:1200px;margin:0 auto;padding:20px}.promociones-header{text-align:center;margin-bottom:40px}.promociones-header h2{font-size:28px;color:#111;margin:0 0 8px;font-weight:700}.promociones-subtitle{font-size:16px;color:#6b7280;margin:0}.promociones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.promocion-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer}.promocion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.promocion-imagen{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;display:flex;align-items:center;justify-content:center}.promocion-imagen img{width:100%;height:100%;object-fit:cover}.promocion-content{padding:20px}.promocion-content h3{font-size:18px;color:#111;margin:0 0 12px;font-weight:700;line-height:1.3}.promocion-descripcion{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.promocion-descuento{margin-bottom:12px}.descuento-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111;padding:8px 16px;border-radius:6px;font-weight:700;font-size:14px}.promocion-fecha{font-size:12px;color:#9ca3af;margin:0;font-style:italic}.empty-promociones{text-align:center;padding:60px 20px;color:#9ca3af}.empty-promociones svg{margin-bottom:16px;opacity:.5}.empty-promociones p{font-size:16px;margin:0}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-contenido{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-contenido img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #0000004d}.modal-cerrar{position:absolute;top:-40px;right:0;background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111;transition:all .3s;box-shadow:0 2px 8px #0003}.modal-cerrar:hover{background:#f0f0f0;transform:scale(1.1)}@media(max-width:768px){.promociones-container{padding:12px}.promociones-header h2{font-size:22px}.promociones-subtitle{font-size:14px}.promociones-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.promocion-imagen{height:150px}.promocion-content{padding:12px}.promocion-content h3{font-size:14px;margin-bottom:8px}.promocion-descripcion{font-size:12px;margin-bottom:8px}.descuento-badge{padding:6px 12px;font-size:12px}.modal-cerrar{top:10px;right:10px;width:36px;height:36px;font-size:20px}}.apuesta-versus-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .2s ease-out}.apuesta-versus-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.apuesta-versus-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.apuesta-versus-header h3{margin:0;font-size:18px;font-weight:600}.btn-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-close:hover{transform:scale(1.1)}.apuesta-versus-content{padding:24px}.info-section{display:flex;gap:12px;padding:12px;background:#f0f4ff;border-left:4px solid #667eea;border-radius:6px;margin-bottom:24px}.info-section .icon-info{color:#667eea;flex-shrink:0;margin-top:2px}.info-section p{margin:0;font-size:14px;color:#374151;line-height:1.5}.form-section{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group label{font-weight:600;color:#1f2937;font-size:14px}.puntos-input-group{display:flex;align-items:center;gap:16px}.puntos-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,#667eea,#764ba2);outline:none;-webkit-appearance:none;appearance:none}.puntos-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .2s}.puntos-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}.puntos-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66;transition:all .2s}.puntos-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}.puntos-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:8px 12px;background:#f3f4f6;border-radius:8px;border:2px solid #667eea}.puntos-valor{font-size:24px;font-weight:700;color:#667eea}.puntos-label{font-size:12px;color:#6b7280;font-weight:500}.puntos-info{font-size:12px;color:#6b7280;margin-top:4px}.checkbox-group{gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb;transition:all .2s}.checkbox-label:hover{background:#f3f4f6;border-color:#667eea}.checkbox-input{width:20px;height:20px;cursor:pointer;margin-top:2px;accent-color:#667eea;flex-shrink:0}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{color:#1f2937;font-size:14px}.checkbox-description{font-size:12px;color:#6b7280;line-height:1.4}.resumen-section{padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #667eea}.resumen-section.obligatoria{border-left-color:#ef4444;background:#fef2f2}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.resumen-item:not(:last-child){border-bottom:1px solid #e5e7eb;margin-bottom:8px}.resumen-label{color:#6b7280;font-weight:500}.resumen-valor{color:#1f2937;font-weight:600}.resumen-valor.obligatoria{color:#ef4444}.resumen-valor.opcional{color:#10b981}.explicacion-section{display:flex;flex-direction:column;gap:12px}.explicacion-item{display:flex;gap:12px;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.explicacion-item.obligatoria{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.explicacion-item.obligatoria .icon-check{color:#ef4444;flex-shrink:0;margin-top:2px}.explicacion-item.opcional{background:#f0fdf4;border-left:4px solid #10b981;color:#166534}.explicacion-item.opcional .icon-check{color:#10b981;flex-shrink:0;margin-top:2px}.explicacion-item p{margin:0}.apuesta-versus-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancelar,.btn-confirmar{flex:1;padding:12px 16px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancelar{background:#f3f4f6;color:#374151}.btn-cancelar:hover{background:#e5e7eb}.btn-confirmar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}@media(max-width:640px){.apuesta-versus-modal{width:95%;max-height:85vh}.apuesta-versus-content,.apuesta-versus-header{padding:16px}.apuesta-versus-header h3{font-size:16px}.puntos-input-group{gap:12px}.puntos-display{min-width:60px;padding:6px 10px}.puntos-valor{font-size:20px}.puntos-label{font-size:11px}}.modal-overlay-camiseta{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content-camiseta{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-close-camiseta{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:8px;display:flex;align-items:center;justify-content:center}.btn-close-camiseta:hover{color:#000;transform:rotate(90deg)}.modal-header-camiseta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;text-align:center}.modal-header-camiseta h2{font-size:24px;font-weight:700;color:#111;margin:0;line-height:1.3}.color-preview-section{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.preview-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.color-preview-box{display:flex;flex-direction:column;align-items:center;gap:12px}.color-code{font-family:monospace;font-size:14px;font-weight:600;color:#374151;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #d1d5db}.color-selector-section{margin-bottom:24px}.btn-cambiar-color{width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-cambiar-color:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.colores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;max-height:400px;overflow-y:auto}.color-option-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.color-option{width:100%;aspect-ratio:1;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 4px #0000001a}.color-option:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.color-option.selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.color-nombre{font-size:11px;font-weight:600;color:#374151;text-align:center;line-height:1.2;max-width:100%;word-break:break-word}.restriccion-color-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:12px}.restriccion-icon{font-size:24px;flex-shrink:0}.restriccion-texto{font-size:14px;color:#1e40af;margin:0;line-height:1.5;font-weight:500}.advertencia-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:12px}.advertencia-icon{font-size:24px;flex-shrink:0}.advertencia-texto{font-size:14px;color:#92400e;margin:0;line-height:1.5;font-weight:500}.modal-actions-camiseta{display:flex;gap:12px}.btn-cancelar-camiseta,.btn-confirmar-camiseta{flex:1;padding:12px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-cancelar-camiseta{background:#e5e7eb;color:#374151}.btn-cancelar-camiseta:hover{background:#d1d5db;transform:translateY(-2px)}.btn-confirmar-camiseta{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-confirmar-camiseta:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media(max-width:600px){.modal-content-camiseta{max-width:90%;padding:24px}.colores-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;max-height:350px}.color-nombre{font-size:10px}}@media(max-width:480px){.modal-content-camiseta{padding:20px;width:95%}.modal-header-camiseta h2{font-size:18px}.colores-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;max-height:300px}.color-nombre{font-size:9px}.modal-actions-camiseta{flex-direction:column}}.modal-overlay-conflicto{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-conflicto{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.conflicto-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #fee2e2}.conflicto-header h3{margin:0;font-size:18px;font-weight:700;color:#dc2626}.conflicto-content{margin-bottom:24px}.conflicto-mensaje{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.conflicto-detalle{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 12px}.conflicto-instruccion{font-size:13px;color:#6b7280;font-style:italic;margin:0}.conflicto-actions{display:flex;gap:12px}.btn-entendido{flex:1;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-entendido:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ef44444d}@media(max-width:600px){.modal-conflicto{padding:24px;max-width:95%}.conflicto-header h3{font-size:16px}.conflicto-mensaje{font-size:14px}.conflicto-detalle{font-size:13px}}.buscador-parches-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.buscador-header{margin-bottom:24px}.buscador-icon-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.buscador-header h3{margin:0;font-size:20px;color:#1f2937}.buscador-header p{margin:0;color:#6b7280;font-size:14px}.text-primary{color:#10b981}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;background:#f9fafb;padding:20px;border-radius:12px;align-items:end}.filtro-group{display:flex;flex-direction:column;gap:8px}.filtro-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#4b5563}.filtro-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background-color:#fff;color:#1f2937;transition:all .2s}.filtro-group select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.btn-buscar-parche{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;height:42px;width:100%}.btn-buscar-parche:hover{background:#059669;transform:translateY(-1px)}.btn-buscar-parche:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.estado-inicial,.sin-resultados{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:#9ca3af}.icon-faded{color:#e5e7eb;margin-bottom:16px}.estado-inicial p,.sin-resultados p{font-size:16px;font-weight:500;margin-bottom:8px}.resultados-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.jugador-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.jugador-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.jugador-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.jugador-avatar{width:48px;height:48px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.jugador-avatar img{width:100%;height:100%;object-fit:cover}.jugador-info-basic{flex:1;min-width:0}.jugador-info-basic h4{margin:0 0 4px;font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-posicion{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-posicion.arquero{background:#fef3c7;color:#d97706}.badge-posicion.defensa{background:#dbeafe;color:#2563eb}.badge-posicion.mediocampista{background:#d1fae5;color:#059669}.badge-posicion.delantero{background:#fee2e2;color:#dc2626}.jugador-detalles{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:16px}.detalle-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.detalle-row span{display:flex;align-items:center;gap:4px}.detalle-row strong{color:#374151}.jugador-footer{background:#f9fafb;margin:0 -16px -16px;padding:8px 16px;text-align:center;border-top:1px solid #f3f4f6}.text-privacidad{font-size:11px;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:4px}@media(max-width:480px){.buscador-parches-container{padding:16px}.filtros-grid{grid-template-columns:1fr;gap:12px}.resultados-grid{grid-template-columns:1fr}}.cliente-versus-container{min-height:100vh;background:linear-gradient(135deg,#10b981,#059669,#84cc16);display:flex;flex-direction:column;padding-bottom:2rem}.cliente-versus-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#666}.versus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.versus-title-section{display:flex;align-items:center;gap:1rem;flex:1}.versus-icon{color:#10b981;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.versus-title-section h2{margin:0;color:#1f2937;font-size:1.75rem}.versus-subtitle{margin:.5rem 0 0;color:#6b7280;font-size:.95rem}.btn-solicitar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-solicitar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.formulario-versus{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.formulario-versus h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{display:block;margin-top:.5rem;color:#ef4444;font-size:.875rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.btn-cancel{flex:1;padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e5e7eb}.mis-solicitudes-section,.clientes-disponibles-section{margin-bottom:2rem}.mis-solicitudes-section h3,.clientes-disponibles-section h3{margin:0 0 1.5rem;color:#fff;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{margin:0 0 .5rem;color:#6b7280;font-size:1.1rem}.empty-state small{color:#9ca3af;font-size:.9rem}.solicitudes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.solicitud-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.solicitud-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.solicitud-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.rival-info h4{margin:0 0 .25rem;color:#1f2937;font-size:1.1rem}.rival-info .equipo{margin:0;color:#6b7280;font-size:.9rem}.estado-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;white-space:nowrap}.solicitud-content{margin-bottom:1rem}.info-row{display:flex;align-items:center;gap:.75rem;color:#374151;margin-bottom:.75rem;font-size:.95rem}.info-row svg{color:#10b981;flex-shrink:0}.descripcion{margin-top:1rem;padding:1rem;background:#f9fafb;border-left:4px solid #10b981;border-radius:4px}.descripcion p{margin:0;color:#374151;font-size:.9rem;line-height:1.5}.resultado-section{background:#f0fdf4;border-radius:8px;padding:1rem;margin-bottom:1rem}.resultado-header{font-weight:600;color:#059669;margin-bottom:.75rem;font-size:.9rem}.resultado-goles{display:flex;align-items:center;justify-content:space-around;gap:1rem}.gol-equipo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gol-equipo .nombre{font-size:.85rem;color:#6b7280;text-align:center}.gol-equipo .goles{font-size:1.75rem;font-weight:700;color:#10b981}.vs{color:#d1d5db;font-weight:600}.solicitud-footer{text-align:center;padding-top:1rem;border-top:1px solid #f3f4f6}.fecha-creacion{color:#9ca3af;font-size:.85rem}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.cliente-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.cliente-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.cliente-header{margin-bottom:1rem}.cliente-header h4{margin:0 0 .25rem;color:#1f2937;font-size:1.1rem}.cliente-header .equipo{margin:0;color:#6b7280;font-size:.9rem}.cliente-content{flex:1;margin-bottom:1rem}.correo{margin:0;color:#6b7280;font-size:.85rem;word-break:break-all}.btn-desafiar{padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-desafiar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media(max-width:768px){.versus-header{flex-direction:column;gap:1rem;text-align:center}.versus-title-section{justify-content:center}.btn-solicitar{width:100%;justify-content:center}.solicitudes-grid,.clientes-grid{grid-template-columns:1fr}.formulario-versus{padding:1.5rem}.form-actions{flex-direction:column}}@media(max-width:480px){.versus-title-section{flex-direction:column;gap:.5rem}.versus-title-section h2{font-size:1.5rem}.resultado-goles{gap:.5rem}.gol-equipo .goles{font-size:1.5rem}}.versus-tabs-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;padding:0 16px 24px!important;margin-top:24px!important;margin-bottom:24px!important;background:transparent!important}.versus-tab-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:24px 16px!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#78350f!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;font-size:15px!important;border-radius:16px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;flex-shrink:0!important;min-height:130px!important;box-shadow:0 4px 12px #0000001f!important;position:relative!important;overflow:hidden!important}.versus-tab-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.versus-tab-btn svg{display:block!important;width:36px!important;height:36px!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.versus-tab-btn span{position:relative!important;z-index:1!important}.versus-tab-btn:hover{transform:translateY(-4px)!important;box-shadow:0 8px 20px #0003!important}.versus-tab-btn:nth-child(1){background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#78350f!important}.versus-tab-btn:nth-child(1) svg{color:#78350f!important}.versus-tab-btn:nth-child(2){background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#7c2d12!important}.versus-tab-btn:nth-child(2) svg{color:#7c2d12!important}.versus-tab-btn:nth-child(3){background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#0c4a6e!important}.versus-tab-btn:nth-child(3) svg{color:#0c4a6e!important}.versus-tab-btn:nth-child(4){background:linear-gradient(135deg,#d946ef,#c026d3)!important;color:#6b21a8!important}.versus-tab-btn:nth-child(4) svg{color:#6b21a8!important}.versus-badge-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:24px!important;padding:0 6px!important;background:#ef4444!important;color:#fff!important;border-radius:12px!important;font-size:12px!important;font-weight:700!important}.versus-tab-btn.active{box-shadow:0 8px 24px #00000040!important;transform:translateY(-6px) scale(1.02)!important}@media(max-width:768px){.versus-tabs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 12px 24px!important}.versus-tab-btn{min-height:120px!important;padding:20px 12px!important;font-size:14px!important;gap:8px!important}.versus-tab-btn svg{width:32px!important;height:32px!important}}@media(max-width:480px){.versus-tabs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 10px 20px!important}.versus-tab-btn{min-height:110px!important;padding:16px 10px!important;font-size:13px!important;gap:6px!important}.versus-tab-btn svg{width:28px!important;height:28px!important}.versus-badge-count{display:none!important}}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#ef4444;color:#fff;border-radius:12px;font-size:12px;font-weight:700}.disponibles-section,.mis-partidos-section{animation:fadeIn .3s ease;padding:0 1.5rem}.partidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:2rem}.partido-disponible-card,.partido-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.partido-disponible-card:hover,.partido-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.partido-header{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600}.equipos-vs{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.equipos-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;background:#fff}.equipos-header .equipos-vs{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px}.equipos-header .equipo{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.equipos-header .equipo-nombre{font-size:12px;font-weight:700;margin:0;color:#000}.equipos-header .escudo-img{width:32px;height:32px;object-fit:contain;border-radius:4px}.equipos-header .vs{font-weight:700;color:#d1d5db;font-size:11px}.hora-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:600;color:#374151;white-space:nowrap}.hora-badge svg{color:#667eea;flex-shrink:0}.fecha-hora-top{display:flex;gap:0;border-bottom:1px solid #e5e7eb}.hora-badge-top{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;background:#f3f4f6;font-size:14px;font-weight:600;color:#374151;flex:1;border-right:1px solid #e5e7eb}.fecha-badge-top{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;background:#f3f4f6;font-size:14px;font-weight:600;color:#374151;flex:1}.hora-badge-top svg,.fecha-badge-top svg{color:#667eea;flex-shrink:0}.partido-footer{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#f9fafb;border-top:1px solid #e5e7eb}.partido-footer .info-item{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#6b7280;flex:1;padding:6px 8px;border-radius:6px;font-weight:600}.partido-footer .info-item:nth-child(1){background:#fef08a;color:#854d0e}.partido-footer .info-item:nth-child(1) svg{color:#ca8a04}.partido-footer .info-item:nth-child(2){background:#dcfce7;color:#166534}.partido-footer .info-item:nth-child(2) svg{color:#16a34a}.partido-footer .info-item:nth-child(3){background:#cffafe;color:#164e63}.partido-footer .info-item:nth-child(3) svg{color:#0891b2}.partido-footer .info-item svg{flex-shrink:0;width:14px;height:14px}.equipo{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.escudo-img{width:40px;height:40px;object-fit:contain;border-radius:4px}.equipo-nombre{font-size:14px;font-weight:700;margin:0;color:#000}.equipo-nombre.en-espera-text{font-size:13px;font-weight:600;color:#6b7280;font-style:italic}.cliente-nombre{font-size:12px;opacity:.9;margin:0}.vs{font-weight:700;color:#fff9;font-size:12px}.badge-en-espera{display:inline-flex;align-items:center;padding:4px 12px;background:#fff3;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.estado-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.estado-agendado{background:#d1fae5;color:#059669}.estado-en_espera{background:#fef3c7;color:#d97706}.estado-completado{background:#ddd6fe;color:#7c3aed}.partido-info{padding:16px;display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.info-item svg{color:#667eea;flex-shrink:0}.btn-anotarse,.btn-desanotarse{margin:12px 16px 16px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-anotarse{background:#d1fae5;color:#059669}.btn-anotarse:hover{background:#a7f3d0;transform:translateY(-2px)}.btn-desanotarse{background:#fee2e2;color:#dc2626}.btn-desanotarse:hover{background:#fecaca;transform:translateY(-2px)}.partido-completo-indicador{margin:12px 16px 16px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f3f4f6;color:#6b7280;border-radius:6px;font-size:14px;font-weight:500;border:1px solid #e5e7eb}.apuesta-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-top:1px solid #fcd34d;border-bottom:1px solid #fcd34d}.apuesta-icon{font-size:18px;flex-shrink:0}.apuesta-texto{font-size:13px;color:#78350f;font-weight:600}.apuesta-texto strong{color:#b45309;font-weight:700}.anotado-info{padding:12px 16px;background:#fef3c7;border-top:1px solid #fcd34d;text-align:center}.anotado-info p{margin:0 0 8px;color:#d97706;font-size:13px;font-weight:600}.resultado-section{background:#f0fdf4;border-top:1px solid #d1fae5;padding:16px}.resultado-header{font-weight:600;color:#059669;margin-bottom:12px;font-size:13px}.resultado-goles{display:flex;align-items:center;justify-content:space-around;gap:12px}.gol-equipo{display:flex;flex-direction:column;align-items:center;gap:6px}.gol-equipo .nombre{font-size:12px;color:#6b7280;text-align:center}.gol-equipo .goles{font-size:24px;font-weight:700;color:#10b981}.resultado-inline{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.equipo-resultado{font-size:14px;color:#374151;font-weight:500}.equipo-resultado strong{font-size:18px;color:#10b981;font-weight:700;margin:0 4px}.vs-resultado{font-size:12px;color:#9ca3af;font-weight:600}.partido-acciones{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.btn-accion{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-accion svg{width:16px;height:16px}.btn-editar{background:#dbeafe;color:#0284c7}.btn-editar:hover{background:#bfdbfe;transform:translateY(-1px)}.btn-eliminar{background:#fee2e2;color:#dc2626}.btn-eliminar:hover{background:#fecaca;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-apuesta,.modal-apuesta-existente{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.btn-close{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-close:hover{background:#fff3}.modal-content{padding:2rem}.modal-info{text-align:center;margin:0 0 1.5rem;font-size:1rem;color:#374151}.modal-info strong{color:#10b981;font-weight:700}.apuesta-opciones{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.opcion-apuesta{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.opcion-apuesta:hover{border-color:#10b981;background:#f0fdf4}.opcion-apuesta input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:#10b981}.opcion-apuesta span{font-weight:600;color:#374151;flex:1}.apuesta-input-group{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #e5e7eb}.apuesta-input-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.95rem}.apuesta-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;font-weight:600;color:#10b981;transition:all .2s ease;margin-bottom:1rem}.apuesta-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.apuesta-info{display:block;font-size:.85rem;color:#6b7280;line-height:1.6;margin-top:.75rem;padding:1rem;background:#fff;border-left:4px solid #10b981;border-radius:4px}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancelar,.btn-confirmar{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cancelar{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-cancelar:hover{background:#e5e7eb;transform:translateY(-2px)}.btn-confirmar{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-confirmar:active{transform:translateY(0)}.puntos-disponibles{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #3b82f6}.puntos-disponibles p{margin:0;font-size:.95rem;color:#1e40af}.puntos-disponibles strong{color:#1e3a8a;font-weight:700}.apuesta-info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #f59e0b}.apuesta-monto{font-size:1.1rem;font-weight:700;color:#78350f;margin:0 0 .5rem}.apuesta-descripcion{font-size:.95rem;color:#92400e;margin:0}.reglas-apuesta{margin-bottom:1.5rem}.reglas-apuesta h4{font-size:1rem;font-weight:700;color:#374151;margin:0 0 1rem}.regla-item{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:.75rem;border-left:3px solid #10b981}.regla-icon{font-size:1.5rem;flex-shrink:0}.regla-texto{flex:1}.regla-texto strong{color:#10b981;display:block;margin-bottom:.25rem}.regla-texto div{color:#6b7280;font-size:.95rem}@media(max-width:480px){.modal-apuesta,.modal-apuesta-existente{max-width:95vw}.modal-content{padding:1.5rem}.modal-header h3{font-size:1.1rem}.apuesta-opciones{gap:.75rem}.opcion-apuesta{padding:.75rem}.modal-actions{flex-direction:column}.regla-item{padding:.75rem}}.equipo-info{display:flex;flex-direction:column;align-items:center;gap:6px}.camiseta-icon{transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.camiseta-icon:hover{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.puntos-info-container{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb}.puntos-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:none;font-size:12px}.puntos-item:last-child{border-bottom:none}.puntos-label{font-size:12px;font-weight:600;color:#1f2937!important;display:flex;align-items:center;gap:6px}.puntos-valor{font-size:13px;font-weight:700;color:#059669!important;padding:0;border-radius:0;background:transparent}.valor-partido-item .puntos-label{color:#1f2937}.valor-partido-item .puntos-valor{color:#059669;background:#0596691a}.premio-extra-item .puntos-label{color:#7c2d12}.premio-extra-display{display:flex;align-items:center;justify-content:center;gap:0;width:100%}.premio-foto-mini{width:100%;height:120px;border-radius:8px;object-fit:cover;border:2px solid rgba(234,88,12,.3)}.premio-extra-item .puntos-valor{display:none}.apuesta-obligatoria-item .puntos-label{color:#7c2d12}.apuesta-obligatoria-item .puntos-valor{color:#dc2626;background:#dc26261a}.programados-section{display:flex;flex-direction:column;gap:1.5rem}.programados-header{display:flex;flex-direction:column;gap:1rem}.programados-header h3{font-size:22px;font-weight:700;color:#111;margin:0}.selector-fase{display:flex;align-items:center;gap:12px}.selector-fase label{font-size:14px;font-weight:600;color:#374151}.select-fase-programados{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:#fff;color:#1e3a8a;transition:all .2s ease}.select-fase-programados:hover{border-color:#10b981}.select-fase-programados:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.fase-info-banner{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-left:4px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:600;color:#1e40af}.fase-info-banner svg{color:#3b82f6;flex-shrink:0}.fase-info-banner.fase-sin-fechas{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b;color:#92400e}.fase-info-banner.fase-sin-fechas svg{color:#f59e0b}@media(max-width:768px){.selector-fase{flex-direction:column;align-items:flex-start}.select-fase-programados{width:100%}.fase-info-banner{font-size:13px}}.apuesta-obligatoria-info{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.apuesta-obligatoria-info .info-title{font-weight:700;color:#059669;margin:0 0 1rem;font-size:1rem}.apuesta-obligatoria-info .info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.apuesta-obligatoria-info .info-list li{padding:.75rem;background:#fff;border-radius:6px;font-size:.95rem;color:#374151;border-left:3px solid #10b981}.apuesta-obligatoria-info .info-list li strong{color:#059669;font-weight:700}.apuesta-obligatoria-item{background:#fef3c7!important;border-left:3px solid #f59e0b!important;padding:.75rem!important}.advertencia-zapatos{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #dc2626;border-radius:8px;padding:1rem;margin-top:1.5rem;box-shadow:0 4px 6px #dc26261a}.advertencia-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.advertencia-icon{font-size:1.5rem;display:flex;align-items:center}.advertencia-titulo{font-weight:700;color:#991b1b;font-size:1rem}.advertencia-texto{color:#7f1d1d;font-size:.95rem;margin:.5rem 0;line-height:1.4}.advertencia-lista{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}.advertencia-lista li{color:#991b1b;font-weight:600;padding-left:1.5rem;position:relative;font-size:.95rem}.advertencia-lista li:before{content:"❌";position:absolute;left:0;font-size:1rem}.deudas-section{padding:0 1.5rem;animation:fadeIn .3s ease}.deudas-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.deuda-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #f59e0b}.deuda-card.pagada{border-left-color:#10b981;background:#f0fdf4}.deuda-card.atrasada{border-left-color:#dc2626;background:#fef2f2}.deuda-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.deuda-info h4{margin:0 0 .25rem;color:#1f2937;font-size:1.1rem;font-weight:700}.deuda-fecha{margin:0;color:#6b7280;font-size:.9rem}.deuda-estado{display:flex;align-items:center}.estado-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;white-space:nowrap}.estado-badge.activa{background:#fef3c7;color:#d97706}.estado-badge.pagada{background:#d1fae5;color:#059669}.estado-badge.atrasada{background:#fee2e2;color:#dc2626}.deuda-monto{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.deuda-monto .label{font-weight:600;color:#374151}.deuda-monto .valor{font-size:1.25rem;font-weight:700;color:#1f2937}.cuotas-deuda{margin-top:1rem}.cuotas-deuda h5{margin:0 0 .75rem;color:#374151;font-size:.95rem;font-weight:600}.cuota-deuda{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.cuota-deuda.pagada{background:#f0fdf4;border-color:#d1fae5}.cuota-deuda.atrasada{background:#fef2f2;border-color:#fee2e2;border-left:3px solid #dc2626}.cuota-numero{font-weight:600;color:#374151;min-width:80px;font-size:.9rem}.cuota-detalles{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cuota-detalles .monto{font-weight:700;color:#1f2937;font-size:1rem}.cuota-detalles .fecha{color:#6b7280;font-size:.9rem}.cuota-detalles .hora{color:#6b7280;font-size:.85rem;background:#f3f4f6;padding:.25rem .75rem;border-radius:4px}.cuota-detalles .tipo-pago{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#f3f4f6;border-radius:4px;font-size:.85rem;font-weight:500;color:#374151}.cuota-estado{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f3f4f6;font-size:1.25rem}.cuota-estado.pagada{background:#d1fae5}.cuota-estado.atrasada{background:#fee2e2}@media(max-width:768px){.deuda-header{flex-direction:column;gap:1rem}.cuota-detalles{flex-direction:column;align-items:flex-start;gap:.5rem}.cuota-deuda{flex-direction:column;align-items:flex-start}.cuota-estado{align-self:flex-end}}.popup-deuda-atrasada-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.popup-deuda-atrasada{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;border-top:4px solid #dc2626}.popup-deuda-atrasada .popup-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:2px solid #fca5a5;position:relative}.popup-deuda-atrasada .popup-header .icon-warning{color:#dc2626;flex-shrink:0}.popup-deuda-atrasada .popup-header h3{margin:0;color:#991b1b;font-size:1.25rem;font-weight:700;flex:1}.popup-deuda-atrasada .btn-close-popup{background:none;border:none;font-size:1.5rem;color:#991b1b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.popup-deuda-atrasada .btn-close-popup:hover{background:#dc26261a}.popup-deuda-atrasada .popup-content{padding:1.5rem}.popup-deuda-atrasada .popup-mensaje{margin:0 0 1.5rem;color:#374151;font-size:1rem;line-height:1.5}.popup-deuda-atrasada .popup-mensaje strong{color:#dc2626;font-weight:700}.deudas-atrasadas-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.deuda-atrasada-item{display:flex;gap:1rem;padding:1rem;background:#fef2f2;border:1px solid #fee2e2;border-left:3px solid #dc2626;border-radius:8px}.deuda-item-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center}.deuda-item-info{flex:1}.deuda-item-info p{margin:0 0 .25rem;color:#374151;font-size:.95rem}.deuda-item-info .deuda-producto{font-weight:700;color:#1f2937;font-size:1rem}.deuda-item-info .deuda-cuota{font-weight:600;color:#dc2626}.deuda-item-info .deuda-fecha-vencida{color:#6b7280;font-size:.85rem}.popup-deuda-atrasada .popup-actions{display:flex;gap:1rem;margin-top:1.5rem}.popup-deuda-atrasada .btn-ver-deudas,.popup-deuda-atrasada .btn-cerrar-popup{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.popup-deuda-atrasada .btn-ver-deudas{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 4px 12px #dc26264d}.popup-deuda-atrasada .btn-ver-deudas:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc262666}.popup-deuda-atrasada .btn-cerrar-popup{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.popup-deuda-atrasada .btn-cerrar-popup:hover{background:#e5e7eb;transform:translateY(-2px)}@media(max-width:480px){.popup-deuda-atrasada{max-width:95vw}.popup-deuda-atrasada .popup-header{flex-direction:column;text-align:center}.popup-deuda-atrasada .popup-header h3{font-size:1.1rem}.popup-deuda-atrasada .popup-actions{flex-direction:column}}.creditos-section{padding:0 1.5rem;animation:fadeIn .3s ease}.creditos-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.credito-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #3b82f6}.credito-card.pagada{border-left-color:#10b981;background:#f0fdf4}.credito-card.atrasada{border-left-color:#dc2626;background:#fef2f2}.credito-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.credito-info h4{margin:0 0 .25rem;color:#1f2937;font-size:1.1rem;font-weight:700}.credito-fecha{margin:0;color:#6b7280;font-size:.9rem}.credito-estado{display:flex;align-items:center}.credito-monto{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.credito-monto .label{font-weight:600;color:#374151}.credito-monto .valor{font-size:1.25rem;font-weight:700;color:#1f2937}.progreso-pago{margin-bottom:1.5rem}.progreso-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:#374151}.progreso-header .porcentaje{color:#10b981;font-weight:700}.progreso-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progreso-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.cuotas-resumen{margin-top:1rem}.cuotas-resumen h5{margin:0 0 .75rem;color:#374151;font-size:.95rem;font-weight:600}.cuota-resumen{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.cuota-resumen.pagada{background:#f0fdf4;border-color:#d1fae5}.cuota-resumen.atrasada{background:#fef2f2;border-color:#fee2e2;border-left:3px solid #dc2626}.cuota-num-monto{display:flex;align-items:center;gap:1rem}.cuota-num-monto .num{font-weight:600;color:#374151;min-width:80px}.cuota-num-monto .monto{font-weight:700;color:#1f2937}.cuota-fecha-estado{display:flex;align-items:center;gap:1rem}.cuota-fecha-estado .fecha{color:#6b7280;font-size:.9rem}.cuota-fecha-estado .estado{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.cuota-fecha-estado .estado.pagada{background:#d1fae5;color:#059669}.cuota-fecha-estado .estado.atrasada{background:#fee2e2;color:#dc2626}.cuota-fecha-estado .estado:not(.pagada):not(.atrasada){background:#fef3c7;color:#d97706}@media(max-width:768px){.credito-header{flex-direction:column;gap:1rem}.cuota-fecha-estado{flex-direction:column;align-items:flex-start;gap:.5rem}.cuota-resumen{flex-direction:column;align-items:flex-start;gap:.75rem}}.deuda-info-extra{display:flex;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-top:1rem}.fecha-reserva,.hora-reserva{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#374151;font-weight:500}.popup-rival-encontrado-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.popup-rival-encontrado{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;padding:2rem;position:relative;animation:slideUp .3s ease;text-align:center}.btn-close-rival-popup{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-close-rival-popup:hover{background:#0000001a;color:#1f2937}.rival-popup-content{display:flex;flex-direction:column;gap:1.5rem}.rival-popup-title{margin:0}.rival-popup-title h2{margin:0;font-size:1.75rem;color:#1f2937;font-weight:700}.rival-info{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:transparent;border-radius:12px}.rival-escudo{width:150px;height:150px;object-fit:contain;border-radius:8px}.rival-equipo-nombre{margin:0;font-size:1.75rem;color:#1f2937;font-weight:700;background:none}.rival-jugador{margin:0;font-size:1rem;color:#6b7280}.rival-popup-actions{display:flex;gap:1rem}.btn-aceptar-rival{flex:1;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-aceptar-rival:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.fecha-selector-section{margin-bottom:2rem;padding:0 1.5rem}.fecha-selector-container{display:flex;gap:.75rem;overflow-x:auto;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;scroll-behavior:smooth}.fecha-selector-container::-webkit-scrollbar{height:4px}.fecha-selector-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.fecha-selector-container::-webkit-scrollbar-thumb{background:#10b981;border-radius:10px}.fecha-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1rem;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:80px}.fecha-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.fecha-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff;box-shadow:0 4px 12px #10b9814d}.fecha-btn .dia-semana{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280}.fecha-btn.active .dia-semana{color:#fff}.fecha-btn .dia-numero{font-size:1.25rem;font-weight:700;color:#1f2937}.fecha-btn.active .dia-numero{color:#fff}.fecha-btn .mes{font-size:.75rem;font-weight:600;color:#9ca3af}.fecha-btn.active .mes{color:#ffffffe6}.fecha-btn .partidos-indicador{margin-top:.25rem;font-size:.65rem;font-weight:600;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;letter-spacing:.05em}.fecha-btn .partidos-indicador.disponible{background:#10b9812e;color:#047857}.fecha-btn .partidos-indicador.vacio{background:#e5e7ebcc;color:#6b7280}.fecha-btn.sin-partidos{opacity:.7}.fecha-btn.sin-partidos .dia-numero,.fecha-btn.sin-partidos .dia-semana,.fecha-btn.sin-partidos .mes{color:#9ca3af}.modal-bloqueo-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-bloqueo{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-bloqueo-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.modal-bloqueo-header h2{margin:0;font-size:1.5rem;font-weight:700}.icon-bloqueo{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.modal-bloqueo-body{padding:2rem;text-align:center}.razon-bloqueo{font-size:1rem;color:#374151;margin:0 0 1.5rem;line-height:1.6;font-weight:500}.dias-restantes{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;color:#92400e;font-weight:500}.dias-restantes strong{color:#d97706;font-size:1.1rem}.modal-bloqueo-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center}.btn-entendido{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.btn-entendido:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-entendido:active{transform:translateY(0)}@media(max-width:768px){.modal-bloqueo{max-width:90%}.modal-bloqueo-header,.modal-bloqueo-body{padding:1.5rem}.modal-bloqueo-footer{padding:1rem 1.5rem}.razon-bloqueo{font-size:.95rem}.dias-restantes{flex-direction:column;gap:.5rem}}@media(max-width:768px){.fecha-selector-container{padding:.75rem;gap:.5rem}.fecha-btn{min-width:70px;padding:.6rem .8rem}.fecha-btn .dia-numero{font-size:1.1rem}}.modal-error-apuesta{background:#fff;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-error-apuesta .modal-header{padding:20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px 12px 0 0}.modal-error-apuesta .modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-error-apuesta .modal-header .btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:0;transition:transform .2s}.modal-error-apuesta .modal-header .btn-close:hover{transform:scale(1.1)}.modal-error-apuesta .modal-content{padding:24px}.modal-error-apuesta .error-mensaje{margin:0;font-size:15px;color:#374151;line-height:1.6;text-align:center}.modal-error-apuesta .modal-actions{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px}.modal-error-apuesta .btn-confirmar{flex:1;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-error-apuesta .btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ef444466}.modal-error-apuesta .btn-confirmar:active{transform:translateY(0)}@media(max-width:640px){.modal-error-apuesta{width:95%}.modal-error-apuesta .modal-header,.modal-error-apuesta .modal-content{padding:16px}.modal-error-apuesta .modal-actions{padding:12px 16px}.modal-error-apuesta .error-mensaje{font-size:14px}}.modal-apuesta-obligatoria{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-apuesta-obligatoria .modal-header{padding:20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px 12px 0 0}.modal-apuesta-obligatoria .modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-apuesta-obligatoria .modal-header .btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:0;transition:transform .2s}.modal-apuesta-obligatoria .modal-header .btn-close:hover{transform:scale(1.1)}.modal-apuesta-obligatoria .modal-content{padding:24px}.apuesta-obligatoria-info{display:flex;flex-direction:column;gap:16px}.apuesta-obligatoria-info .info-texto{margin:0;font-size:15px;color:#374151;line-height:1.6;text-align:center}.apuesta-obligatoria-info .monto-display{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.apuesta-obligatoria-info .monto-display .label{font-weight:600;color:#92400e;font-size:14px}.apuesta-obligatoria-info .monto-display .monto{font-size:24px;font-weight:700;color:#d97706}.apuesta-obligatoria-info .advertencia{margin:0;font-size:13px;color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626;padding:12px;border-radius:4px;line-height:1.5}.modal-apuesta-obligatoria .modal-actions{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px}.modal-apuesta-obligatoria .btn-rechazar{flex:1;padding:12px 16px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-apuesta-obligatoria .btn-rechazar:hover{background:#d1d5db;transform:translateY(-2px)}.modal-apuesta-obligatoria .btn-aceptar{flex:1;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-apuesta-obligatoria .btn-aceptar:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b98166}.modal-apuesta-obligatoria .btn-aceptar:active{transform:translateY(0)}@media(max-width:640px){.modal-apuesta-obligatoria{width:95%}.modal-apuesta-obligatoria .modal-header,.modal-apuesta-obligatoria .modal-content{padding:16px}.modal-apuesta-obligatoria .modal-actions{padding:12px 16px}.apuesta-obligatoria-info .monto-display{flex-direction:column;gap:8px;text-align:center}.apuesta-obligatoria-info .monto-display .monto{font-size:20px}}.tab-icon-custom{width:80px;height:80px;object-fit:contain;display:block;margin:0 auto 12px}.tab-icon-custom-large{width:100px;height:100px;object-fit:contain;display:block}.btn-icon-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.versus-badge-left{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:18px;font-weight:700;min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.tab-icon-custom{width:64px;height:64px}.tab-icon-custom-large{width:80px;height:80px}.versus-badge-left{font-size:16px;min-width:28px;height:28px}}@media(max-width:480px){.tab-icon-custom{width:56px;height:56px}.tab-icon-custom-large{width:70px;height:70px}.versus-badge-left{font-size:14px;min-width:24px;height:24px}}.fase-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 8px 24px #667eea4d;border:2px solid rgba(255,255,255,.2)}.fase-info-content{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.fase-info-item{display:flex;align-items:center;gap:1rem;color:#fff}.fase-info-item svg{flex-shrink:0;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.fecha-info{display:flex;flex-direction:column;gap:.25rem}.fecha-label{font-size:.85rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.fecha-valor{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.fase-info-separator{font-size:1.5rem;color:#fff9;font-weight:300}@media(max-width:768px){.fase-info-banner{padding:1.25rem;margin:1rem 0}.fase-info-content{gap:1.5rem}.fecha-valor{font-size:1rem}.fase-info-separator{display:none}}@media(max-width:480px){.fase-info-banner{padding:1rem;margin:.75rem 0}.fase-info-content{flex-direction:column;gap:1rem}.fase-info-item{width:100%;justify-content:center}.fecha-label{font-size:.75rem}.fecha-valor{font-size:.95rem}}.puntos-clickable{cursor:pointer;transition:all .2s ease;border-radius:6px;padding:6px 8px!important;margin:-6px -8px}.puntos-clickable:hover{background:#10b9811a;transform:scale(1.02)}.puntos-clickable:active{transform:scale(.98)}.info-icon{color:#3b82f6;margin-left:4px;vertical-align:middle;opacity:.8;transition:all .2s ease}.puntos-clickable:hover .info-icon{opacity:1;color:#2563eb;transform:scale(1.1)}.modal-info-puntos{background:#fff;border-radius:16px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header.info-puntos{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.modal-header.info-puntos h3{margin:0;font-size:18px;font-weight:700}.info-puntos-lista{display:flex;flex-direction:column;gap:12px;padding:20px}.info-puntos-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;border-left:4px solid #10b981}.info-puntos-item .horario{font-size:13px;font-weight:600;color:#1f2937;flex:1}.info-puntos-item .puntos-horario{font-size:15px;font-weight:700;color:#059669;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 2px 4px #0000001a}.info-puntos-nota{padding:0 20px 20px}.info-puntos-nota p{margin:0;padding:14px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border-left:4px solid #f59e0b;font-size:13px;font-weight:500;color:#92400e;line-height:1.5}.info-puntos-canje{padding:0 20px 20px}.info-puntos-canje h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#1f2937}.info-puntos-canje p{margin:0 0 10px;padding:12px 14px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;border-left:4px solid #8b5cf6;font-size:12px;font-weight:500;color:#5b21b6;line-height:1.5}.info-puntos-canje .advertencia-canje{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#b91c1c;font-weight:600}.btn-entendido{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:0 0 16px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-entendido:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-entendido:active{transform:scale(.98)}@media(max-width:480px){.modal-info-puntos{width:95%;max-width:none}.info-puntos-item{flex-direction:column;gap:8px;text-align:center}.info-puntos-item .horario{font-size:12px}.info-puntos-item .puntos-horario{font-size:14px}}.equipo-clickable{cursor:pointer;transition:all .2s ease;border-radius:8px;padding:4px}.equipo-clickable:hover{background:#6366f11a;transform:scale(1.02)}.modal-estadisticas-equipo{background:#fff;border-radius:16px;max-width:500px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header.estadisticas{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.equipo-header-stats{display:flex;align-items:center;gap:12px}.escudo-stats{width:50px;height:50px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.modal-header.estadisticas h3{margin:0;font-size:1.3rem;font-weight:600}.estadisticas-content{padding:1.5rem}.badge-especial{text-align:center;padding:12px 20px;border-radius:12px;margin-bottom:1rem;font-weight:700;font-size:1rem;animation:pulseGlow 2s infinite}.badge-especial.invicto{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 20px #fbbf2480}.badge-especial.racha-positiva{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px #22c55e66}.badge-especial.racha-negativa{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444466}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}.stats-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem}.stat-card{text-align:center;padding:1.25rem .75rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #00000026;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff3,#fff0 50%);pointer-events:none}.stat-card.ganados{background:linear-gradient(145deg,#22c55e,#16a34a,#15803d);color:#fff!important}.stat-card.ganados .stat-label,.stat-card.ganados .stat-numero{color:#fff!important}.stat-card.empatados{background:linear-gradient(145deg,#fbbf24,#f59e0b,#d97706);color:#fff!important}.stat-card.empatados .stat-label,.stat-card.empatados .stat-numero{color:#fff!important}.stat-card.perdidos{background:linear-gradient(145deg,#f87171,#ef4444,#dc2626);color:#fff!important}.stat-card.perdidos .stat-label,.stat-card.perdidos .stat-numero{color:#fff!important}.stat-numero{font-size:2.5rem;font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff!important;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stats-total{text-align:center;padding:.75rem;background:#f3f4f6;border-radius:8px;margin-bottom:1.5rem;color:#374151}.stats-goles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem}.goles-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:10px;background:#f8fafc;border:2px solid #e2e8f0}.goles-item.goles-favor{border-color:#22c55e;background:linear-gradient(180deg,#22c55e1a,#f8fafc)}.goles-item.goles-contra{border-color:#ef4444;background:linear-gradient(180deg,#ef44441a,#f8fafc)}.goles-item.diferencia.positiva{border-color:#3b82f6;background:linear-gradient(180deg,#3b82f61a,#f8fafc)}.goles-item.diferencia.negativa{border-color:#f97316;background:linear-gradient(180deg,#f973161a,#f8fafc)}.goles-label{font-size:.7rem;color:#64748b;font-weight:500;text-align:center;margin-bottom:4px}.goles-valor{font-size:1.5rem;font-weight:800;color:#1e293b}.goles-item.goles-favor .goles-valor{color:#16a34a}.goles-item.goles-contra .goles-valor{color:#dc2626}.goles-item.diferencia.positiva .goles-valor{color:#2563eb}.goles-item.diferencia.negativa .goles-valor{color:#ea580c}.zapatos-castigo-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:8px}.zapatos-castigo{display:inline-block;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px}.zapatos-puntos-perdidos{display:inline-block;background:linear-gradient(135deg,#7f1d1d,#450a0a);color:#fecaca;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px}.zapatos-badge-cliente{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px;color:#fff;margin-top:12px;box-shadow:0 2px 8px #dc26264d}.zapatos-badge-cliente .zapatos-icon{font-size:18px}.zapatos-badge-cliente .zapatos-texto{font-weight:600;font-size:.85rem}.historial-partidos h4{margin:0 0 1rem;color:#1f2937;font-size:1.1rem}.sin-historial{text-align:center;color:#6b7280;padding:2rem;background:#f9fafb;border-radius:8px}.historial-lista{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.historial-item{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:8px;align-items:center;padding:12px;border-radius:10px;background:#f9fafb;border-left:4px solid #e5e7eb}.historial-item.resultado-ganado{border-left-color:#10b981;background:linear-gradient(90deg,#10b9811a,#f9fafb)}.historial-item.resultado-perdido{border-left-color:#ef4444;background:linear-gradient(90deg,#ef44441a,#f9fafb)}.historial-item.resultado-empate{border-left-color:#f59e0b;background:linear-gradient(90deg,#f59e0b1a,#f9fafb)}.historial-fecha{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.historial-rival{display:flex;align-items:center;gap:8px}.escudo-mini{width:24px;height:24px;object-fit:contain;border-radius:4px}.rival-nombre{font-weight:500;color:#374151;font-size:.9rem}.historial-resultado .resultado-badge{font-weight:700;font-size:1rem;padding:4px 10px;border-radius:6px}.resultado-badge.ganado{background:#10b981;color:#fff}.resultado-badge.perdido{background:#ef4444;color:#fff}.resultado-badge.empate{background:#f59e0b;color:#fff}.historial-estado .estado-partido{font-size:.8rem;font-weight:500}.estado-partido.ganado{color:#059669}.estado-partido.perdido{color:#dc2626}.estado-partido.empate{color:#d97706}.btn-cerrar-stats{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cerrar-stats:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}@media(max-width:480px){.modal-estadisticas-equipo{max-height:90vh}.stats-resumen{gap:10px}.stat-card{padding:1rem .5rem;border-radius:12px}.stat-numero{font-size:2rem}.stat-label{font-size:.65rem;letter-spacing:.5px}.historial-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:6px}.historial-fecha{grid-column:1 / -1}.historial-rival{grid-column:1}.historial-resultado{justify-self:end}.historial-estado{grid-column:1 / -1;text-align:center}}.desafios-header{margin-bottom:32px}.desafios-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.desafios-title h2{font-size:28px;font-weight:700;color:#111;margin:0}.desafios-title svg{color:#fbbf24;animation:bounce 2s infinite}.desafios-subtitle{font-size:14px;color:#6b7280;margin:0}.desafios-progress{background:linear-gradient(135deg,#10b981,#059669);padding:24px;border-radius:12px;margin-bottom:32px;color:#fff}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;font-weight:600;opacity:.9}.progress-count{font-size:18px;font-weight:700}.progress-bar{width:100%;height:32px;background:#fff3;border-radius:16px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:32px}.progress-percentage{font-size:12px;font-weight:700;color:#111;text-shadow:0 1px 2px rgba(255,255,255,.5)}.desafios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.desafio-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .3s ease;cursor:pointer;position:relative}.desafio-number{position:absolute;top:-8px;left:-8px;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #10b9814d;z-index:10}.desafio-card.completado .desafio-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf244d}.desafio-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.desafio-card.completado{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.desafio-icon{font-size:32px;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px}.desafio-card.completado .desafio-icon{background:#d1fae5}.desafio-content{flex:1}.desafio-content h3{font-size:16px;font-weight:700;color:#111;margin:0 0 4px}.desafio-content p{font-size:13px;color:#6b7280;margin:0 0 12px}.desafio-progress{display:flex;align-items:center;gap:8px}.mini-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#6b7280;min-width:30px;text-align:right}.desafio-status{display:flex;align-items:center;justify-content:center;min-width:32px}.icon-completado{color:#10b981;animation:scaleIn .3s ease}.icon-pendiente{color:#d1d5db}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.desafios-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;gap:16px}.info-box svg{color:#10b981;min-width:24px;flex-shrink:0}.info-box h4{font-size:16px;font-weight:700;color:#111;margin:0 0 4px}.info-box p{font-size:13px;color:#6b7280;margin:0}@media(max-width:768px){.desafios-title h2{font-size:22px}.desafios-grid{grid-template-columns:1fr}.desafio-card{padding:16px}.desafio-icon{font-size:28px;min-width:40px;height:40px}.desafio-number{width:28px;height:28px;font-size:12px;top:-6px;left:-6px}.desafios-progress{padding:16px}.progress-bar{height:28px}}@media(max-width:480px){.desafios-title h2{font-size:18px}.desafios-subtitle{font-size:12px}.desafio-card{padding:12px;gap:12px}.desafio-content h3{font-size:14px}.desafio-content p{font-size:12px}.info-box{padding:16px}.desafio-number{width:26px;height:26px;font-size:11px;top:-5px;left:-5px}}.reservas-tabs{display:flex;gap:8px;padding:16px;border-bottom:2px solid #e5e7eb;background:#fff;overflow-x:auto}.tab-btn{padding:10px 16px;background:transparent;border:none;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#111}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.reservas-content{padding:16px}.reservas-list-compact{display:flex;flex-direction:column;gap:12px}.reserva-item-compact{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #3b82f6}.reserva-item-left{display:flex;align-items:center;gap:12px;flex:1}.reserva-item-fecha{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;flex-shrink:0}.fecha-dia{font-size:18px;font-weight:700;line-height:1}.fecha-mes{font-size:10px;font-weight:600;margin-top:2px;text-transform:uppercase}.reserva-item-info{flex:1}.reserva-item-hora{font-size:14px;font-weight:600;color:#111;margin-bottom:2px}.reserva-item-cancha{font-size:12px;color:#6b7280}.btn-eliminar-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-eliminar-small:hover{background:#fecaca;transform:scale(1.05)}.empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:#9ca3af}.empty-state-compact svg{margin-bottom:12px;opacity:.5}.empty-state-compact p{font-size:14px;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#0000001a}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.reserva-online-section{margin-bottom:32px;display:flex;justify-content:center}.reserva-online-btn{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;border:2px solid transparent}.reserva-online-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.reserva-online-btn:active{transform:translateY(0)}.reservas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.header-title{display:flex;align-items:center;gap:16px}.header-title h1{font-size:28px;font-weight:700;color:#111;margin:0}.header-title svg{color:#10b981}.header-stats{display:flex;gap:16px}.stat-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:12px;padding:16px 20px;text-align:center;min-width:100px}.stat-number{font-size:24px;font-weight:700;color:#10b981;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:20px;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.reservas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.reserva-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.reserva-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#10b981}.reserva-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.upcoming{background:#dcfce7;color:#166534}.status-badge.past{background:#f3f4f6;color:#6b7280}.reserva-puntos{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:6px 12px;border-radius:8px;font-weight:600;color:#92400e}.reserva-puntos svg{width:16px;height:16px}.reserva-content{padding:20px}.reserva-info{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px}.info-item svg{color:#10b981;width:16px;height:16px;margin-top:2px;flex-shrink:0}.info-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:16px;font-weight:600;color:#111;margin-bottom:2px}.info-day{font-size:14px;color:#10b981;font-weight:500}.reserva-footer{padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px}.reserva-info-footer{flex:1}.reserva-fecha-creacion{font-size:12px;color:#9ca3af;text-align:left}.reservas-tips{display:flex;gap:16px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.reservas-tips svg{color:#f59e0b;width:20px;height:20px;flex-shrink:0;margin-top:2px}.tips-content h4{font-size:16px;font-weight:600;color:#111;margin:0 0 12px}.tips-content ul{margin:0;padding-left:16px}.tips-content li{font-size:14px;color:#6b7280;margin-bottom:6px}.tips-content li:last-child{margin-bottom:0}@media(max-width:768px){.reservas-container{padding:12px}.reservas-header{flex-direction:column;gap:20px;padding:20px}.header-title h1{font-size:24px}.header-stats{width:100%;justify-content:space-between}.stat-card{flex:1;min-width:0}.reservas-grid{grid-template-columns:1fr;gap:16px}.reservas-tips{flex-direction:column;gap:12px}.reservas-tips svg{align-self:center}}@media(max-width:480px){.reservas-container{padding:8px}.reservas-header{padding:16px}.header-title h1{font-size:20px}.header-stats{gap:12px}.stat-card{padding:12px 16px}.stat-number{font-size:20px}.reserva-card{border-radius:12px}.reserva-header{padding:12px 16px}.reserva-content{padding:16px}.reserva-footer{padding:12px 16px}.reservas-tips{padding:16px}}.btn-eliminar-reserva{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 8px;color:#dc2626;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-eliminar-reserva:hover{background:#fecaca;border-color:#fca5a5;transform:scale(1.05)}.reserva-online-modal{max-width:450px;animation:slideUp .3s ease}.reserva-online-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:none;padding:24px}.reserva-online-modal .modal-header h3{color:#fff;font-size:20px;font-weight:700}.reserva-online-modal .modal-close{color:#fffc;display:flex;align-items:center;justify-content:center}.reserva-online-modal .modal-close:hover{color:#fff}.reserva-online-message{text-align:center;padding:20px}.reserva-online-message p{margin:0 0 16px;color:#333;font-size:15px;font-weight:600;line-height:1.5}.reserva-online-message .whatsapp-text{color:#10b981;font-size:14px;font-weight:700;margin:0}.reserva-online-modal .modal-footer{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-top:none;padding:20px 24px;gap:16px}.reserva-online-modal .btn-cancelar{background:#fff;color:#6b7280;border:2px solid #d1d5db;font-weight:700;padding:14px 20px}.reserva-online-modal .btn-cancelar:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.reserva-online-modal .btn-confirmar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;padding:14px 20px;box-shadow:0 4px 12px #3b82f64d}.reserva-online-modal .btn-confirmar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.reserva-online-modal{max-width:95%;margin:20px}.reserva-online-modal .modal-header{padding:20px}.reserva-online-modal .modal-header h3{font-size:18px}.reserva-online-message{padding:16px}.reserva-online-message p{font-size:14px}.reserva-online-message .whatsapp-text{font-size:13px}.reserva-online-modal .modal-footer{padding:16px 20px;flex-direction:column}.reserva-online-modal .btn-cancelar,.reserva-online-modal .btn-confirmar{width:100%;padding:12px 16px}}.puntos-principal{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:16px;padding:40px 24px;margin:24px 16px;text-align:center;box-shadow:0 8px 24px #ec48994d}.puntos-display{display:flex;flex-direction:column;align-items:center;gap:12px;background:transparent}.puntos-numero{font-size:64px;font-weight:700;color:#fff!important;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2);background:transparent!important;padding:0!important;margin:0!important}.puntos-label{font-size:16px;color:#ffffffe6;font-weight:500}.puntos-resumen{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 24px}.resumen-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f}.resumen-item.ganados{border-left:4px solid #10b981}.resumen-item.canjeados{border-left:4px solid #ef4444}.resumen-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.resumen-item.ganados .resumen-icon{background:#10b9811a;color:#10b981}.resumen-item.canjeados .resumen-icon{background:#ef44441a;color:#ef4444}.resumen-info{flex:1}.resumen-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.resumen-valor{font-size:20px;font-weight:700;color:#111}.resumen-item.ganados .resumen-valor{color:#10b981}.resumen-item.canjeados .resumen-valor{color:#ef4444}.puntos-historial{padding:0 16px 32px}.puntos-historial h2{font-size:18px;font-weight:700;color:#111;margin-bottom:16px}.movimientos-list{display:flex;flex-direction:column;gap:12px}.movimiento-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #e5e7eb}.movimiento-item.suma{border-left-color:#10b981}.movimiento-item.canje{border-left-color:#ef4444}.movimiento-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.movimiento-item.suma .movimiento-icon{background:#10b9811a;color:#10b981}.movimiento-item.canje .movimiento-icon{background:#ef44441a;color:#ef4444}.movimiento-info{flex:1}.movimiento-descripcion{font-size:14px;font-weight:600;color:#111;margin-bottom:4px}.movimiento-fecha{font-size:12px;color:#9ca3af}.movimiento-puntos{font-size:16px;font-weight:700;color:#111}.movimiento-puntos.suma{color:#10b981}.movimiento-puntos.canje{color:#ef4444}.empty-state{text-align:center;padding:40px 24px;color:#9ca3af}.empty-state p{font-size:16px;margin:0}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#111;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-back:hover{background:#f3f4f6}@media(max-width:640px){.puntos-principal{margin:16px 12px;padding:32px 16px}.puntos-numero{font-size:48px}.puntos-resumen{padding:0 12px 16px;gap:12px}.puntos-historial{padding:0 12px 24px}.movimientos-list{gap:8px}.movimiento-item{padding:12px}}.cliente-login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669 25%,#84cc16 75%,#a3e635);padding:16px;position:relative;overflow:hidden}.cliente-login-container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px);pointer-events:none}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 1px #0000001a;width:100%;max-width:380px;padding:32px 24px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:95vh;overflow-y:auto}.login-header{text-align:center;margin-bottom:24px}.login-header-icon{font-size:40px;margin-bottom:8px;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 2px;letter-spacing:-.5px}.login-header p{font-size:12px;font-weight:300;color:#6b7280;margin:0;letter-spacing:.5px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.3px}.input-wrapper{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;transition:all .3s ease}.input-wrapper input{flex:1;border:none;background:none;outline:none;font-size:13px;font-weight:400;color:#111827}.btn-toggle-password{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .3s ease;flex-shrink:0}.btn-toggle-password:hover{color:#10b981}.error-message{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500}.btn-login{padding:13px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 20px #10b98159;display:flex;align-items:center;justify-content:center;gap:8px}.btn-login:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 28px #10b98173}.btn-login:active:not(:disabled){transform:translateY(-1px)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;font-size:13px;color:#6b7280}.login-footer a{color:#10b981;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:#059669;text-decoration:underline}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#d1d5db}.divider span{font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;background:linear-gradient(135deg,#4285f4,#3367d6);border:none;border-radius:12px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4285f44d}.btn-google:hover:not(:disabled){background:linear-gradient(135deg,#3367d6,#2a56c6);box-shadow:0 6px 16px #4285f466;transform:translateY(-2px)}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{width:18px;height:18px}@media(max-width:480px){.login-card{padding:24px 18px;max-width:100%}.login-header{margin-bottom:18px}.login-header-icon{font-size:36px;margin-bottom:6px}.login-header h1{font-size:20px}.login-header p,.form-group label{font-size:11px}.input-wrapper{padding:11px 12px}.btn-login,.btn-google{padding:11px 14px;font-size:12px}.divider{margin:14px 0}.login-footer{margin-top:16px;font-size:12px}}.password-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.password-header label{margin:0}.btn-forgot-password{background:none;border:none;color:#059669;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease;white-space:nowrap}.btn-forgot-password:hover{color:#10b981;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px;padding:24px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:700;margin:0;color:#1f2937}.btn-close-modal{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.btn-close-modal:hover{color:#1f2937}.recuperacion-text{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5}.recuperacion-form{display:flex;flex-direction:column;gap:16px}.btn-recuperar{padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-recuperar:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-recuperar:active{transform:translateY(0)}.mensaje{padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mensaje.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.mensaje.error{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}@media(max-width:360px){.login-card{padding:20px 16px}.login-header h1{font-size:18px}.login-header-icon{font-size:32px}.input-wrapper svg{width:16px;height:16px}}*{font-family:Poppins,sans-serif}.cliente-registro-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669 25%,#84cc16 75%,#a3e635);padding:16px;position:relative;overflow:hidden}.cliente-registro-container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px);pointer-events:none}.registro-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 1px #0000001a;width:100%;max-width:550px;padding:48px;max-height:90vh;overflow-y:auto;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.registro-header{text-align:center;margin-bottom:32px}.registro-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.5px}.registro-header p{font-size:13px;font-weight:300;color:#6b7280;margin:0;letter-spacing:.5px;text-transform:uppercase}.registro-info{font-size:13px;color:#10b981;margin-top:8px!important;font-weight:500}.registro-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:13px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.3px}.input-wrapper{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;transition:all .3s ease}.input-wrapper:focus-within{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b98114}.input-wrapper svg{color:#9ca3af;flex-shrink:0;transition:color .3s ease}.input-wrapper:focus-within svg{color:#10b981}.btn-register{padding:14px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #10b98133}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{opacity:.6;cursor:not-allowed}.registro-footer{text-align:center;margin-top:20px;font-size:14px;color:#6b7280}.registro-footer a{color:#10b981;text-decoration:none;font-weight:600;transition:color .3s ease}.registro-footer a:hover{color:#059669;text-decoration:underline}.email-highlight{font-weight:600;color:#667eea;margin:12px 0!important}.versus-section{padding:20px;background:linear-gradient(135deg,#f0fdf4 0% 100%);border-radius:12px;border:2px solid #dcfce7}.versus-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#10b981;-webkit-user-select:none;user-select:none}.versus-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.horario-btn:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.horario-btn.activo{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}@media(max-width:768px){.registro-card{padding:24px;max-width:100%}.form-row{grid-template-columns:1fr}.horarios-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}@media(max-width:480px){.cliente-registro-container{padding:8px}.registro-card{padding:16px;border-radius:8px;width:100%;max-width:100%}.registro-header h1{font-size:20px}.registro-header p,.registro-info{font-size:12px}.form-row{grid-template-columns:1fr;gap:12px}.form-group{gap:6px}.form-group label{font-size:12px}.input-wrapper{padding:10px;gap:8px}.input-wrapper input{font-size:14px}.btn-register{padding:10px;font-size:13px}.error-message{font-size:12px;padding:10px}}.color-selector-btn:hover{border-color:#10b981;background:#f0fdf4}.color-selector-btn:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.telefono-prefix{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border:1px solid #10b981;flex-shrink:0}.codigo-chile{font-size:14px;font-weight:700;color:#059669;letter-spacing:.5px}.form-hint{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:400px;padding:40px;border-top:4px solid #1e3c72}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:28px;font-weight:700;color:#111;margin:0 0 8px}.admin-login-header p{font-size:14px;color:#1e3c72;font-weight:600;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.input-wrapper:focus-within{border-color:#1e3c72;background:#fff;box-shadow:0 0 0 3px #1e3c721a}.btn-toggle-password{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;flex-shrink:0}.btn-toggle-password:hover{color:#1e3c72}.btn-toggle-password:active{transform:scale(.95)}.btn-admin-login{padding:12px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-admin-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e3c7266}.btn-admin-login:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{font-size:12px;color:#9ca3af;font-weight:500}.btn-google-login{width:100%;padding:12px;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-google-login:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.btn-google-login:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{text-align:center;margin-top:20px;font-size:12px;color:#9ca3af}@media(max-width:480px){.admin-login-card{padding:24px}.admin-login-header h1{font-size:24px}}.completar-perfil-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px}.perfil-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:550px;padding:32px;max-height:90vh;overflow-y:auto}.perfil-header{text-align:center;margin-bottom:32px}.perfil-header h1{font-size:28px;font-weight:700;color:#111;margin:0 0 8px}.perfil-header p{font-size:14px;color:#6b7280;margin:0}.perfil-info{font-size:13px;color:#667eea;margin-top:8px!important;font-weight:500}.perfil-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#111}.form-hint{font-size:12px;color:#6b7280;margin-top:4px}.input-wrapper{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s}.input-wrapper:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-wrapper svg{color:#6b7280;flex-shrink:0}.input-wrapper input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#111}.input-wrapper input::placeholder{color:#d1d5db}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.error-message svg{flex-shrink:0}.btn-guardar{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:40px 20px}.success-message svg{color:#10b981;margin-bottom:16px}.success-message h2{font-size:24px;font-weight:700;color:#111;margin:16px 0 8px}.success-message p{font-size:14px;color:#6b7280;margin:8px 0}.redirect-text{font-size:12px;color:#9ca3af;margin-top:16px!important}@media(max-width:768px){.perfil-card{padding:24px;max-width:100%}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.completar-perfil-container{padding:12px}.perfil-card{padding:20px;border-radius:8px}.perfil-header h1{font-size:22px}.perfil-header p,.perfil-info{font-size:12px}.form-group label{font-size:13px}.input-wrapper{padding:10px}.input-wrapper input{font-size:14px}.btn-guardar{padding:10px;font-size:13px}.horarios-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}}.versus-section{padding:20px;background:linear-gradient(135deg,#f0f4ff,#f9f5ff);border-radius:12px;border:2px solid #e0e7ff}.versus-header{margin-bottom:16px}.versus-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#667eea;-webkit-user-select:none;user-select:none}.versus-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.versus-horarios{margin-top:16px}.versus-info{font-size:13px;color:#6b7280;margin:0 0 16px;font-weight:500}.dia-horarios{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e7ff}.dia-horarios:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dia-nombre{font-size:14px;font-weight:600;color:#111;margin:0 0 10px}.horarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.horario-btn{padding:10px;background:#fff;border:2px solid #e0e7ff;border-radius:8px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.horario-btn:hover{border-color:#667eea;color:#667eea;background:#f0f4ff}.horario-btn.activo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.color-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;transition:all .3s ease}.color-input-wrapper:hover{border-color:#10b981;background:#f0fdf4}.color-input-wrapper:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.color-picker{width:60px;height:40px;border:none;border-radius:8px;cursor:pointer;background:none;transition:transform .2s ease}.color-picker:hover{transform:scale(1.05)}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:2px solid #e5e7eb;border-radius:6px}.color-preview{width:24px;height:24px;border-radius:50%;border:2px solid #e5e7eb;flex-shrink:0;margin-left:auto}.color-selector-wrapper{position:relative}.color-selector-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;color:#374151}.color-selector-btn:hover{border-color:#667eea;background:#f3f4f6}.color-selector-btn:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.color-preview-small{width:24px;height:24px;border-radius:6px;border:2px solid #e5e7eb;flex-shrink:0}.color-nombre-seleccionado{flex:1;text-align:left;font-size:14px}.color-selector-btn svg{flex-shrink:0;transition:transform .3s ease}.color-selector-btn svg.rotated{transform:rotate(180deg)}.colores-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;padding:12px;margin-top:-2px;z-index:100;box-shadow:0 8px 16px #0000001a;max-height:300px;overflow-y:auto}.colores-grid-registro{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-option-registro{aspect-ratio:1;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;font-size:0;padding:0}.color-option-registro:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.color-option-registro.selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.color-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#374151;white-space:nowrap;background:#fff;padding:2px 4px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease}.color-option-registro:hover .color-label{opacity:1}.telefono-wrapper{display:flex;align-items:center;gap:8px}.telefono-prefix{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:8px;border:1px solid #667eea;flex-shrink:0}.bandera-chile{font-size:20px;line-height:1}.codigo-chile{font-size:14px;font-weight:700;color:#667eea;letter-spacing:.5px}.telefono-wrapper input{flex:1;border:none;background:none;outline:none;font-size:15px;font-weight:500;color:#111;letter-spacing:1px}.telefono-wrapper input::placeholder{color:#9ca3af;font-weight:400;letter-spacing:.5px}@media(max-width:480px){.telefono-prefix{padding:4px 8px}.bandera-chile{font-size:18px}.codigo-chile{font-size:13px}.telefono-wrapper input{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.main-content{padding:16px}}@media(max-width:480px){.main-content{padding:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}