body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.inicio-overlay{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px}.inicio-container{justify-content:flex-start;max-width:1200px}.inicio-container,.inicio-header{align-items:center;display:flex;flex-direction:column;width:100%}.inicio-header{margin-bottom:40px;margin-top:20px}.inicio-title{color:#fff;font-size:3.25rem;font-weight:800;line-height:1.2;margin-bottom:5px;text-align:center;text-shadow:1px 1px 5px #0000004d}.title-highlight{color:#4facfe}.inicio-subtitle{color:#ffffffe6;font-size:1.125rem;font-weight:500;margin-bottom:30px;text-align:center}.button-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.button{border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 8px #0000004d;font-size:1.125rem;font-weight:700;letter-spacing:.5px;min-width:180px;padding:16px 30px;transition:all .2s ease}.button-hovered,.button:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.login-button{background-color:#4facfe;color:#fff}.register-button{background-color:#43e97b;color:#fff}.button-text{color:inherit}.content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffeb;border-radius:25px;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;margin-bottom:30px;max-width:1000px;padding:35px}.content-title{color:#1a365d;font-size:2rem;font-weight:800;margin-bottom:20px;text-align:center}.content-text{color:#4a5568;font-size:1.0625rem;font-weight:500;line-height:1.6;margin-bottom:30px;max-width:800px;text-align:center}.reserve-button{align-items:center;background:linear-gradient(45deg,#ff758c,#ff7eb3);border:none;border-radius:30px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;min-width:250px;padding:18px 40px;transition:all .2s ease}.reserve-button-hovered,.reserve-button:hover{background:linear-gradient(45deg,#ff8fa3,#ff97c1);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.reserve-button-text{font-size:1.25rem;font-weight:800;letter-spacing:.5px;margin-bottom:3px}.reserve-subtext{font-size:.875rem;font-weight:500;opacity:.9}.features-title{color:#2d3748;font-size:1.375rem;font-weight:700;margin-bottom:15px;text-align:center}.features-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px;max-width:600px}.feature-item{align-items:center;background-color:#4a55681a;border-radius:15px;cursor:default;display:flex;flex-direction:column;min-width:120px;padding:12px 20px;transition:transform .2s ease}.feature-item:hover{background-color:#4a556826;transform:translateY(-2px)}.feature-icon{font-size:1.5rem;margin-bottom:8px}.feature-text{color:#2d3748;font-size:.875rem;font-weight:600;text-align:center}@media (max-width:768px){.inicio-overlay{padding:15px}.inicio-title{font-size:2.5rem}.inicio-subtitle{font-size:1rem}.button-group{align-items:center;flex-direction:column;gap:15px}.button{max-width:280px;min-width:200px;width:100%}.content{margin:0 10px 20px;padding:25px 20px}.content-title{font-size:1.75rem}.content-text{font-size:1rem}.reserve-button{min-width:200px;padding:16px 30px}.features-container{gap:15px}.feature-item{min-width:100px;padding:10px 15px}}@media (max-width:480px){.inicio-title{font-size:2rem}.content{padding:20px 15px}.content-title{font-size:1.5rem}.features-container{align-items:center;flex-direction:column}.feature-item{flex-direction:row;gap:10px;justify-content:flex-start;max-width:200px;width:100%}.feature-icon{font-size:1.25rem;margin-bottom:0}.feature-text{text-align:left}}.content,.inicio-header{animation:fadeInUp .6s ease-out}.content{animation-delay:.2s;animation-fill-mode:both}.login-overlay{min-height:100vh;padding:10px;transition:background-color .3s ease}.login-container,.login-overlay{align-items:center;display:flex;justify-content:center}.login-container{width:100%}.input{margin-bottom:15px}.password-container{margin-bottom:10px}.recuperar-container{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:5px}.recuperar-button{background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:underline;transition:opacity .2s ease}.recuperar-button:hover:not(:disabled){opacity:.8}.recuperar-button:disabled{cursor:not-allowed;opacity:.5}.input-small{margin-bottom:12px}.recuperar-button-small{font-size:.8125rem}.input-large{margin-bottom:18px}.recuperar-button-large{font-size:.9375rem}@media (max-width:480px){.login-overlay{padding:5px}.form-container{padding:15px}.header{margin-bottom:5px}.title{font-size:1.5rem}.subtitle{font-size:.9rem;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.button,.input,.loading-spinner,.secondary-button{animation:none;transition:none}}.back-button:focus-visible,.button:focus-visible,.dark-mode-toggle:focus-visible,.eye-button:focus-visible,.input:focus-visible,.recuperar-button:focus-visible,.secondary-button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.registro-overlay{min-height:100vh;padding:10px;transition:background-color .3s ease}.registro-container,.registro-overlay{align-items:center;display:flex;justify-content:center}.registro-container{width:100%}.form-container{max-width:600px}.registro-form{display:flex;flex-direction:column;gap:15px}.checkbox-container{margin-bottom:20px;width:100%}.checkbox{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;padding:0;text-align:left}.checkbox:disabled{cursor:not-allowed;opacity:.6}.checkbox-icon{align-items:center;border:2px solid;border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-right:12px;margin-top:2px;transition:all .2s ease;width:22px}.checkbox-checked{border-width:0}.checkbox-checkmark{color:#fff;font-size:.875rem;font-weight:700}.checkbox-text{flex:1 1;font-size:.9375rem;line-height:1.4}.politicas-link{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.politicas-link:hover{opacity:.8}.button{width:"100%"}.error-container{align-items:center;display:flex;gap:8px;padding:12px;transition:background-color .3s ease;width:100%}.error-icon{font-size:1.25rem}.error-text{flex:1 1;font-size:.9375rem;font-weight:500;text-align:center}.form-container-large{max-width:600px}@media (max-width:480px){.registro-overlay{padding:5px}.form-container{padding:15px}.header{margin-bottom:5px}.title{font-size:1.5rem}.subtitle{font-size:.9rem;margin-bottom:20px}.checkbox-text{font-size:.875rem}}@media (max-width:320px){.form-container{padding:10px}.title{font-size:1.25rem}.input{font-size:.9rem;height:40px}.checkbox{align-items:flex-start}.checkbox-text{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.button,.checkbox-icon,.input,.loading-spinner,.secondary-button{animation:none;transition:none}}.selector-container{min-height:100vh;transition:background-color .3s ease}.web-container{display:flex;flex-direction:column;min-height:100vh}.web-content-wrapper{flex:1 1;overflow-y:auto}.web-header{border-bottom-style:solid;border-bottom-width:1px;box-shadow:0 2px 8px #0000001a;min-height:80px;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.web-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.web-header-left{gap:.75rem}.avatar,.web-header-left{align-items:center;display:flex}.avatar{border-radius:50%;height:48px;justify-content:center;width:48px}.avatar-text{color:#fff}.avatar-text,.web-welcome{font-size:1.125rem;font-weight:700}.web-role{font-size:.875rem}.web-header-right{align-items:center;display:flex;gap:.5rem}.web-header-button{align-items:center;background:#0000;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.375rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s ease}.web-header-button.hovered{background-color:#0000000d}.dark-mode .web-header-button.hovered{background-color:#ffffff1a}.web-header-button-text{font-size:.875rem;font-weight:600}.logout-button{background-color:#fef2f2!important}.dark-mode .logout-button{background-color:#7f1d1d!important}.logout-button-text{color:#ef4444}.dark-mode-toggle{align-items:center;background:#0000;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}.web-dark-mode-toggle{align-items:center;display:flex;gap:.375rem;margin-right:.5rem;padding:.5rem .75rem}.dark-mode-text{font-size:.875rem;font-weight:600}.web-main{margin:0 auto;max-width:1200px;padding:2.5rem;width:100%}.web-title-section{margin-bottom:2.5rem;text-align:center}.web-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.web-subtitle{font-size:1.125rem}.web-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3.75rem}.web-card{align-items:center;border-radius:1.25rem;border-top-style:solid;border-top-width:4px;box-shadow:0 4px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:280px;padding:2rem;text-align:center}.web-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem}.web-card-desc{font-size:.875rem;margin-bottom:1.5rem}.web-primary-btn{align-items:center;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.web-primary-btn-text{color:#fff;font-size:1rem;font-weight:600}.web-secondary-btn{background:#0000;border:2px solid;border-radius:.75rem;cursor:pointer;padding:.75rem 1.5rem}.web-secondary-btn-text{font-size:1rem;font-weight:600}.web-instructions{border-radius:1.25rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2.5rem;padding:2.5rem}.web-section-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.web-steps{display:flex;flex-direction:column;gap:1.5rem}.web-step{align-items:flex-start;border-radius:1rem;display:flex;padding:1.25rem}.web-step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:1.25rem;width:60px}.web-step-content{flex:1 1}.web-step-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.web-step-description{font-size:.875rem;line-height:1.25rem}.web-stats{display:flex;gap:1.25rem;margin-bottom:2.5rem}.stat-card{align-items:center;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:1.5rem;text-align:center}.stat-number{font-size:1.5rem;font-weight:800;margin:.5rem 0}.stat-label{font-size:.875rem;text-align:center}.web-benefits{margin-bottom:2.5rem}.benefits-grid{display:flex;gap:1.5rem}.benefit-card{align-items:center;border-radius:1rem;box-shadow:0 4px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:2rem;text-align:center}.benefit-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.benefit-description{font-size:.875rem;line-height:1.25rem;text-align:center}.mobile-container{display:flex;flex-direction:column;min-height:100vh}.mobile-header{align-items:center;display:flex;justify-content:space-between;padding:1.25rem}.mobile-header-right{align-items:center;display:flex;gap:.75rem}.mobile-welcome{font-size:1.25rem;font-weight:700}.mobile-subtitle{font-size:.875rem;margin-top:.125rem}.mobile-logout{background:#0000;border:none;cursor:pointer;padding:.5rem}.mobile-scroll{flex:1 1;overflow-y:auto}.mobile-scroll-content{padding-bottom:1.25rem}.mobile-main-card{border-radius:1rem;box-shadow:0 4px 12px #0000001a;margin:1rem;padding:1.25rem}.mobile-card-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem}.mobile-action-btn{align-items:center;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;margin-bottom:.75rem;padding:1rem;width:100%}.mobile-btn-text{flex:1 1;margin-left:.75rem;text-align:left}.mobile-btn-title{color:#fff;font-size:1rem;font-weight:600}.mobile-btn-subtitle{color:#ffffffe6;font-size:.875rem;margin-top:.125rem}.mobile-info-section{border-radius:1rem;margin:0 1rem 1rem;padding:1.25rem}.mobile-section-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;text-align:center}.mobile-step{align-items:center;display:flex;margin-bottom:.5rem;padding:.75rem}.mobile-step-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:.75rem;width:32px}.mobile-step-number-text{font-size:.875rem;font-weight:700}.mobile-step-content{flex:1 1}.mobile-step-title{font-size:.875rem;font-weight:600}.mobile-step-desc{font-size:.75rem;margin-top:.125rem}.mobile-benefits{border-radius:1rem;margin:0 1rem 1rem;padding:1.25rem}.mobile-benefits-grid{display:flex;flex-direction:column;gap:.75rem}.mobile-benefit{align-items:center;border-radius:.75rem;display:flex;padding:1rem}.mobile-benefit-text{flex:1 1;font-size:.875rem;font-weight:500;margin-left:.75rem}@media (max-width:768px){.web-grid{flex-direction:column}.web-stats{flex-wrap:wrap}.stat-card{min-width:calc(50% - .625rem)}.benefits-grid{flex-direction:column}.web-main{padding:1rem}.web-header-content{flex-wrap:wrap;gap:1rem}.web-header-right{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.web-header{padding:1rem}.web-title{font-size:1.5rem}.web-subtitle{font-size:1rem}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.logout-modal{animation:slideUp .3s ease-out;border:1px solid;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;text-align:center;width:90%}.modal-icon{animation:pulse 1.5s infinite;margin-bottom:20px}.modal-title{font-size:24px;line-height:1.3;margin-bottom:12px}.modal-message{line-height:1.6;margin-bottom:30px;white-space:pre-line}.modal-actions{display:flex;gap:12px;margin-bottom:20px}.modal-cancel-btn,.modal-confirm-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.modal-cancel-btn:hover,.modal-confirm-btn:hover{opacity:.9;transform:translateY(-2px)}.modal-note{border-top:1px solid;font-size:14px;opacity:.8;padding-top:15px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.logout-modal{margin:20px;padding:24px}.modal-actions{flex-direction:column}.modal-title{font-size:20px}.modal-message{font-size:14px}}.mobile-logout:hover,.web-header-button.logout-button:hover{transform:scale(1.05);transition:transform .2s}.web-header-button.logout-button.hovered{background-color:#fee2e2!important}.logout-button-text{font-weight:600!important}.formulario-reserva-container{background-color:#f8fafc;margin:0 auto;max-width:800px;min-height:100vh;padding:30px}.formulario-titulo{color:#1f2937;font-size:32px;font-weight:800;margin-bottom:8px;text-align:center}.formulario-subtitulo{color:#6b7280;font-size:16px;font-weight:500;margin-bottom:30px;text-align:center}.error-container{background-color:#fee2e2;border-left:4px solid #dc2626;color:#dc2626}.alert-container,.error-container{border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px}.alert-container{background-color:#fef3cd;border-left:4px solid #f59e0b;color:#92400e}.reserva-form{background-color:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:25px}.form-group,.reserva-form{margin-bottom:20px}.form-label{color:#1976d2;font-size:16px;margin-bottom:8px}.user-container{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:16px;font-weight:500;padding:14px 20px}.select-wrapper{background-color:#fff;border:1px solid #1976d2;border-radius:10px;overflow:hidden}.form-select{background-color:initial;border:none;color:#1976d2;cursor:pointer;font-size:16px;height:50px;outline:none;padding:0 15px;width:100%}.form-select:disabled{color:#888;cursor:not-allowed}.form-input{background-color:#fff;border:1px solid #1976d2;border-radius:10px;color:#1976d2;font-size:16px;height:50px;outline:none;padding:0 15px;width:100%}.field-error{color:#dc2626;font-size:12px;margin-left:10px;margin-top:5px}.info-polideportivo{background-color:#e0f2fe;border-left:4px solid #0284c7;border-radius:8px;color:#0369a1;font-size:14px;font-weight:500;margin-bottom:15px;padding:12px}.time-pickers-container{display:flex;gap:15px;margin-bottom:20px}.time-picker{flex:1 1}.no-horas-text{color:#dc2626;font-size:12px;font-style:italic;margin-top:5px;text-align:center}.validando-container{align-items:center;color:#1976d2;display:flex;font-size:14px;justify-content:center;margin-bottom:15px;padding:10px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:16px;margin-right:10px;width:16px}.checkbox-container{margin-bottom:24px;padding:10px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-input{display:none}.checkbox-custom{border:2px solid #1976d2;border-radius:4px;height:20px;margin-right:10px;position:relative;width:20px}.checkbox-input:checked+.checkbox-custom:after{color:#1976d2;content:"â";font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:#1976d2;font-size:16px;font-weight:500}.precio-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.precio-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.precio-titulo{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:8px}.desglose{margin-bottom:12px}.desglose-item{color:#6b7280;font-size:14px;margin-bottom:4px}.desglose-item,.total-container{display:flex;justify-content:space-between}.total-container{align-items:center;border-top:1px solid #e5e7eb;padding-top:12px}.total-label{color:#374151;font-size:16px;font-weight:600}.total-precio{color:#059669;font-size:24px;font-weight:700}.submit-button{align-items:center;background-color:#1976d2;border:none;border-radius:14px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin-top:20px;padding:16px;transition:background-color .3s;width:100%}.submit-button:hover:not(:disabled){background-color:#1565c0}.button-disabled,.submit-button:disabled{background-color:#90caf9;cursor:not-allowed}.loading-spinner{border:2px solid #f3f3f3}.loading-indicator{color:#1976d2;padding:15px;text-align:center}.modal-container{background-color:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:25px;width:100%}.modal-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:15px}.modal-message{color:#6b7280;font-size:16px;line-height:22px;margin-bottom:25px;text-align:center}.modal-button{background-color:#1976d2;border-radius:12px;color:#fff;font-weight:600;padding:14px;transition:background-color .3s;width:100%}.modal-button:hover{background-color:#1565c0}@media (max-width:768px){.time-pickers-container{flex-direction:column;gap:10px}.formulario-reserva-container{padding:15px}.formulario-titulo{font-size:24px}}.header-with-back{gap:15px;margin-bottom:25px}.back-button-header{background:#4f46e5;border:none;box-shadow:0 2px 8px #4f46e54d;color:#fff;font-size:14px;gap:8px;min-width:100px;padding:10px 16px;transition:all .2s}.back-button-header:hover{background:#4338ca;transform:translateY(-2px)}.back-arrow{font-size:18px}.header-content{flex:1 1}.header-content .formulario-titulo{margin-bottom:8px;margin-top:0}.header-content .formulario-subtitulo{margin-bottom:0;margin-top:0}@media (max-width:768px){.header-with-back{flex-direction:column;gap:15px}.back-button-header{align-self:flex-start}}@media (max-width:480px){.back-button-header{min-width:auto;padding:8px 12px}.back-text{display:none}.back-button-header{border-radius:50%;height:40px;justify-content:center;width:40px}.back-arrow{font-size:20px}}.info-reserva-actual{background-color:#e8f4fd;border-radius:6px;color:#1976d2;font-size:13px;margin-top:5px;padding:8px 12px}.reserva-info{background-color:#f8f9fa;border-left:4px solid #1976d2;border-radius:6px;font-size:14px;margin-top:5px;padding:10px}.error-estado{background-color:#ffeaea;border-left:4px solid #f44}.precio-anterior-container{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.precio-anterior-label{color:#856404;font-weight:500}.precio-anterior-valor{color:#856404;font-weight:600;text-decoration:line-through}.total-precio-cambiado{animation:pulse 1.5s infinite;color:#dc3545}.nota-cambio{color:#dc3545;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.crear-reserva-container{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.crear-reserva-content{margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.crear-reserva-content{padding:15px}}@media (max-width:480px){.crear-reserva-content{padding:10px}}:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary-color:#7c3aed;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:red;--info-color:#8b5cf6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}.admin-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:100vh;padding:32px 40px}.header{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin-bottom:40px;max-width:1400px;overflow:hidden;padding:36px 48px;position:relative;width:100%}.header:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{flex-direction:column;z-index:1}.header-content,.header-top{align-items:center;display:flex;position:relative;width:100%}.header-top{gap:20px;justify-content:space-between;margin-bottom:24px}.back-button{align-items:center;background:linear-gradient(135deg,#f1f5f9,#fff);background:linear-gradient(135deg,var(--bg-tertiary),#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:10px;max-width:160px;padding:14px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.back-button:hover{background:#e2e8f0;background:var(--border-color);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.back-button:hover,.welcome-text{color:#0f172a;color:var(--text-primary)}.welcome-text{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;flex-grow:1;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.5px;line-height:1.2;overflow-wrap:break-word;text-align:center}.username{color:#475569;color:var(--text-secondary);font-size:18px;font-weight:500;margin-bottom:32px;text-align:center;width:100%}.tabs-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-width:800px;padding:12px;width:100%}.tab-button,.tabs-container{display:flex;gap:12px;justify-content:center}.tab-button{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;min-height:60px;min-width:180px;overflow:hidden;padding:18px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-button:hover{background:#ffffff80;color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.tab-button:hover:before{left:100%}.tab-button.active-tab{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;font-weight:700}.tab-button.active-tab:after{background:#fff;border-radius:2px;bottom:-3px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:32px}.content{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin-bottom:40px;max-width:1400px;overflow:hidden;width:100%}.tab-content{padding:40px 48px;width:100%}.list-header{margin-bottom:40px;text-align:center;width:100%}.seccion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;width:100%}.seccion-titulo{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:16px}.seccion-titulo:before{font-size:24px}.seccion-titulo[data-tab=polideportivos]:before{content:"đī¸"}.seccion-titulo[data-tab=pistas]:before{content:"đž"}.seccion-titulo[data-tab=reservas]:before{content:"đ"}.boton-agregar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;min-height:56px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.boton-agregar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.boton-agregar:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-3px)}.boton-agregar:hover:before{left:100%}.list-content.polideportivos-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(500px,550px));justify-content:center;margin:0 auto;max-width:1200px;width:100%}.polideportivo-card{background:linear-gradient(145deg,#fff,#fff);background:linear-gradient(145deg,var(--bg-primary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;padding:36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.polideportivo-card:before{background:linear-gradient(180deg,#2563eb,#7c3aed);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;position:absolute;top:0;width:6px}.polideportivo-card:after{background:linear-gradient(90deg,#06b6d4,#8b5cf6);background:linear-gradient(90deg,var(--accent-color),var(--info-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.polideportivo-card:hover{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.polideportivo-card:hover:after{transform:scaleX(1)}.polideportivo-header{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;width:100%}.polideportivo-info{width:100%}.polideportivo-nombre{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:26px;font-weight:700;gap:14px;line-height:1.3;margin-bottom:16px;padding-bottom:8px;position:relative}.polideportivo-nombre:after{background:#06b6d4;background:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.polideportivo-direccion{align-items:center;background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);display:flex;font-size:17px;gap:12px;line-height:1.6;margin-bottom:12px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.polideportivo-card:hover .polideportivo-direccion{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#06b6d4;border-color:var(--accent-color)}.polideportivo-telefono{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-tertiary);display:flex;font-size:15px;gap:10px;padding:10px 16px}.polideportivo-stats{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:100%}.pistas-count-container{align-items:center;background:linear-gradient(135deg,#06b6d4,#8b5cf6);background:linear-gradient(135deg,var(--accent-color),var(--info-color));border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:10px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;white-space:nowrap}.pistas-count-container:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pistas-count-container:hover:before{left:100%}.card-actions{margin-top:20px}.boton-eliminar,.card-actions{display:flex;justify-content:center;width:100%}.boton-eliminar{align-items:center;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--bg-primary),#fff);border:2px solid red;border:2px solid var(--danger-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:red;color:var(--danger-color);cursor:pointer;font-size:16px;font-weight:700;gap:10px;margin:0 auto;max-width:300px;min-height:56px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.boton-eliminar:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.boton-eliminar:hover{background:linear-gradient(135deg,red,#f44);background:linear-gradient(135deg,var(--danger-color),#f44);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px) scale(1.02)}.boton-eliminar:hover:before{left:100%}.filtro-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:32px;padding:28px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filtro-container:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.filtro-label{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:.3px;margin-bottom:18px}.filtro-label:before{content:"đī¸";font-size:18px}.filtro-botones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filtro-boton{align-items:center;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--bg-primary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;min-height:52px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filtro-boton:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.filtro-boton:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#2563eb;color:var(--primary-color);transform:translateY(-3px)}.filtro-boton:hover:before{left:100%}.filtro-boton-activo{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;font-weight:700}.filtro-boton-activo:hover{background:linear-gradient(135deg,#1d4ed8,#7c3aed);background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color));border-color:#0000;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;transform:translateY(-3px) scale(1.02)}.list-content:not(.polideportivos-grid){grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(420px,480px));justify-content:center;margin:0 auto;max-width:1400px;width:100%}.pista-card{background:linear-gradient(145deg,#fff,#fff);background:linear-gradient(145deg,var(--bg-primary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;min-height:260px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pista-card:before{background:linear-gradient(90deg,#06b6d4,#8b5cf6);background:linear-gradient(90deg,var(--accent-color),var(--info-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.pista-card:hover:before{transform:scaleX(1)}.pista-card:hover{border-color:#06b6d4;border-color:var(--accent-color);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.pista-header{display:flex;flex-direction:column;gap:20px}.pista-info{width:100%}.pista-nombre{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:22px;gap:14px;margin-bottom:14px;padding-bottom:8px;position:relative}.pista-nombre:after{background:#06b6d4;background:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.pista-detalles{align-items:center;background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:16px;gap:20px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pista-card:hover .pista-detalles{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#06b6d4;border-color:var(--accent-color)}.estado-container{align-items:center;background:linear-gradient(135deg,#f1f5f9,#fff);background:linear-gradient(135deg,var(--bg-tertiary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:center;margin:0 auto;padding:12px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:-webkit-fit-content;width:fit-content}.pista-card:hover .estado-container{border-color:#10b981;border-color:var(--success-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.estado-indicator{animation:pulse 2s infinite;background:#10b981;background:var(--success-color);border-radius:50%;box-shadow:0 0 0 0 #10b981b3;height:12px;width:12px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.estado-indicator.mantenimiento{animation:pulse-warning 2s infinite;background:#f59e0b;background:var(--warning-color)}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #f59e0bb3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #f59e0b00;transform:scale(1)}to{box-shadow:0 0 0 0 #f59e0b00;transform:scale(.95)}}.estado-texto{color:#475569;color:var(--text-secondary);font-size:15px;font-weight:600;letter-spacing:.3px}.acciones-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px;width:100%}.boton-accion{align-items:center;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--bg-primary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:90px;overflow:hidden;padding:16px 10px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.boton-accion:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.boton-accion:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#2563eb;color:var(--primary-color);transform:translateY(-3px)}.boton-accion:hover:before{left:100%}.boton-accion.eliminar{border-color:red;border-color:var(--danger-color);color:red;color:var(--danger-color)}.boton-accion.eliminar:hover{background:linear-gradient(135deg,red,#f44);background:linear-gradient(135deg,var(--danger-color),#f44);border-color:#0000;color:#fff;transform:translateY(-3px) scale(1.02)}.boton-accion:after{font-size:22px;margin-bottom:6px}.boton-accion:first-child:after{content:"đ§"}.boton-accion:nth-child(2):after{content:"âī¸"}.boton-accion.eliminar:after{content:"đī¸"}.reserva-card{background:linear-gradient(145deg,#fff,#fff);background:linear-gradient(145deg,var(--bg-primary),#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);min-height:280px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reserva-card:before{background:linear-gradient(90deg,#10b981,#8b5cf6);background:linear-gradient(90deg,var(--success-color),var(--info-color));border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:6px}.reserva-card:hover{border-color:#8b5cf6;border-color:var(--info-color);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.reserva-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.reserva-info-principal{flex:1 1}.reserva-nombre-pista{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:22px;font-weight:700;gap:12px;line-height:1.3;margin-bottom:8px}.reserva-nombre-pista:before{content:"đž";font-size:20px}.reserva-tipo{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);display:inline-block;font-size:15px;font-weight:600;padding:8px 16px}.estado-reserva{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;min-width:140px;overflow:hidden;padding:10px 22px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.estado-reserva:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.estado-reserva:hover:before{left:100%}.estado-reserva.cancelada{background:linear-gradient(135deg,red,#f44);background:linear-gradient(135deg,var(--danger-color),#f44)}.estado-reserva.pendiente{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--warning-color),#fbbf24)}.reserva-info{grid-gap:20px;background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reserva-card:hover .reserva-info{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#8b5cf6;border-color:var(--info-color)}.reserva-texto{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reserva-texto:hover{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.reserva-ludoteca{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;border-radius:var(--radius-lg);color:#10b981;color:var(--success-color);display:inline-flex;font-weight:600;gap:10px;padding:12px 18px}.boton-cancelar{align-items:center;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--bg-primary),#fff);border:2px solid #f59e0b;border:2px solid var(--warning-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#f59e0b;color:var(--warning-color);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;min-height:60px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.boton-cancelar:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.boton-cancelar:hover{background:linear-gradient(135deg,#f59e0b,#f59e0b);background:linear-gradient(135deg,var(--warning-color),#f59e0b);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px) scale(1.02)}.boton-cancelar:hover:before{left:100%}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;padding:20px;z-index:2000}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #ffffff1a;box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a inset;max-height:90vh;max-width:520px;overflow-y:auto;padding:48px;position:relative;transform-origin:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.modal-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-size:28px;font-weight:800;gap:16px;justify-content:center;margin-bottom:32px;padding-bottom:20px;position:relative;text-align:center}.modal-title:after{background:linear-gradient(90deg,#06b6d4,#8b5cf6);background:linear-gradient(90deg,var(--accent-color),var(--info-color));border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.modal-subtitle{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);font-size:18px;font-weight:600;margin-bottom:8px;padding:12px 20px;text-align:center}.modal-info{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-tertiary);display:flex;font-size:15px;gap:8px;justify-content:center;margin-bottom:32px;padding:10px 16px;text-align:center}.form-group{margin-bottom:24px}.form-label{align-items:center;color:#475569;color:var(--text-secondary);display:block;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:10px}.form-label:before{font-size:16px}.form-label[for=nombre]:before{content:"đˇī¸"}.form-label[for=tipo]:before{content:"đž"}.form-label[for=precio]:before{content:"đ°"}.form-label[for=polideportivo]:before{content:"đī¸"}.form-label[for=direccion]:before{content:"đ"}.form-label[for=telefono]:before{content:"đ"}.modal-input,.modal-select{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d,0 0 0 0 #2563eb;box-shadow:var(--shadow-sm),0 0 0 0 var(--primary-color);color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:500;padding:18px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-input:focus,.modal-select:focus{background:linear-gradient(135deg,#fff,#fff);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 0 0 4px #2563eb26;box-shadow:var(--shadow-md),0 0 0 4px #2563eb26;outline:none;transform:translateY(-2px)}.modal-input:hover,.modal-select:hover{border-color:#3b82f6;border-color:var(--primary-light);transform:translateY(-1px)}.modal-input::placeholder{color:#64748b;color:var(--text-tertiary);font-weight:400;opacity:.7}.modal-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:56px}.modal-select option{background:#fff;color:#0f172a;color:var(--text-primary);font-size:15px;padding:12px}.modal-select option:checked{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600}.precio-container{position:relative}.precio-suffix{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);font-size:16px;font-weight:600;padding:4px 10px;pointer-events:none;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.modal-input.precio-input{padding-right:70px}.modal-buttons{display:flex;gap:16px;margin-top:40px;width:100%}.modal-button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;min-height:58px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modal-button:hover:before{left:100%}.modal-button-cancel{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:linear-gradient(135deg,var(--bg-tertiary),#e2e8f0);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#475569;color:var(--text-secondary)}.modal-button-cancel:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#64748b;border-color:var(--text-tertiary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#0f172a;color:var(--text-primary);transform:translateY(-3px)}.modal-button-save{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #0000;color:#fff}.modal-button-save:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);background:linear-gradient(135deg,var(--primary-dark),#6d28d9);box-shadow:0 10px 15px -3px #0000001a,0 0 20px #2563eb4d;box-shadow:var(--shadow-lg),0 0 20px #2563eb4d;transform:translateY(-3px) scale(1.02)}.modal-button-save:disabled{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.5;transform:none!important}.modal-button-save:disabled:hover:before{left:-100%}.error-texto{align-items:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background:linear-gradient(135deg,#ff00001a,#ff00000d);border-left:4px solid red;border-left:4px solid var(--danger-color);border-radius:.75rem;border-radius:var(--radius-lg);color:red;color:var(--danger-color);display:flex;font-size:14px;gap:12px;margin:-12px 0 20px;padding:16px 20px}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.error-texto:before{content:"â ī¸";font-size:18px}.modal-button-cancel:after{content:"âŠī¸"}.modal-button-save:after{content:"â
"}.modal-content.editar-precio{max-width:440px}.precio-edicion-container{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:32px;padding:32px;text-align:center}.precio-actual{color:#64748b;color:var(--text-tertiary);font-size:14px;margin-bottom:8px}.precio-actual,.precio-valor-actual{align-items:center;display:flex;gap:8px;justify-content:center}.precio-valor-actual{color:#2563eb;color:var(--primary-color);font-size:36px;font-weight:800;margin:16px 0}.precio-valor-actual:before{content:"đ°";font-size:28px}.precio-nuevo-input{background:#fff;border:3px solid #06b6d4;border:3px solid var(--accent-color);font-size:20px;font-weight:700;padding:20px;text-align:center}.modal-content.confirmacion{max-width:440px;text-align:center}.confirmacion-icono{animation:pulse 2s infinite;display:block;font-size:64px;margin-bottom:24px}.confirmacion-mensaje{color:#0f172a;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.4;margin-bottom:16px}.confirmacion-detalle{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px;padding:20px}@media (max-width:1024px){.admin-container{padding:28px 32px}.header{padding:32px}.welcome-text{font-size:28px}.tab-content{padding:32px}}@media (max-width:768px){.admin-container{padding:20px 24px}.header{margin-bottom:32px;padding:24px}.header-top{align-items:center;flex-direction:column;gap:16px;margin-bottom:20px}.back-button{left:0;margin:0;max-width:200px;order:2;position:relative;width:auto}.welcome-text{font-size:24px;line-height:1.3;margin:0;order:1;padding:0 10px;text-align:center;width:100%}.username{font-size:16px;margin-bottom:24px;margin-top:8px;order:3}.tabs-container{flex-direction:column;gap:8px;padding:10px}.tab-button{font-size:15px;max-width:none;min-height:54px;min-width:auto;padding:16px;width:100%}.tab-content{padding:24px}.seccion-header{flex-direction:column;gap:16px;margin-bottom:24px}.seccion-titulo{font-size:22px;justify-content:center;text-align:center}.boton-agregar{font-size:15px;margin:0 auto;max-width:300px;padding:14px 24px;width:100%}.list-content.polideportivos-grid,.list-content:not(.polideportivos-grid){gap:20px;grid-template-columns:1fr;max-width:100%}.pista-card,.polideportivo-card,.reserva-card{min-height:auto;padding:24px}.polideportivo-nombre{font-size:22px}.polideportivo-direccion{font-size:15px;padding:12px 16px}.polideportivo-stats{align-items:stretch;flex-direction:column;gap:16px}.pistas-count-container{align-self:center}.acciones-container{gap:10px;grid-template-columns:1fr}.boton-accion{min-height:75px;padding:14px}.filtro-container{margin-bottom:24px;padding:20px}.filtro-botones{flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.filtro-boton{flex-shrink:0;font-size:14px;min-width:150px;padding:12px 18px}.reserva-info{gap:16px;grid-template-columns:1fr;padding:20px}.reserva-texto{font-size:14px;padding:10px 14px}.estado-reserva{font-size:12px;min-width:120px;padding:8px 16px}.boton-cancelar,.boton-eliminar{font-size:15px;min-height:52px;padding:14px 20px}.modal-overlay{align-items:flex-end;padding:16px}.modal-content{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);border-radius:1.5rem 1.5rem 1rem 1rem;border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-xl) var(--radius-xl);max-height:85vh;padding:32px 24px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:24px;margin-bottom:24px;padding-bottom:16px}.modal-input,.modal-select{font-size:15px;padding:16px 20px}.modal-buttons{flex-direction:column;gap:12px;margin-top:32px}.modal-button{min-height:54px;padding:16px 20px;width:100%}.precio-edicion-container{padding:24px}.precio-valor-actual{font-size:32px}}@media (max-width:576px){.admin-container{padding:16px 20px}.header{margin-bottom:24px;padding:20px}.welcome-text{font-size:22px;padding:0 5px}.back-button{font-size:14px;max-width:180px;padding:12px 20px}.username{font-size:15px;margin-bottom:20px}.tab-content{padding:20px}.seccion-titulo{font-size:20px}.pista-card,.polideportivo-card,.reserva-card{padding:20px}.polideportivo-nombre{font-size:20px}.polideportivo-direccion{font-size:14px;padding:10px 14px}.pista-nombre,.reserva-nombre-pista{font-size:20px}.boton-agregar{font-size:14px;min-height:50px;padding:12px 20px}.pista-detalles,.polideportivo-direccion,.reserva-texto{font-size:14px;padding:10px 14px}.estado-container{padding:10px 16px}.estado-texto{font-size:13px}.list-content.polideportivos-grid{gap:16px;grid-template-columns:1fr}.modal-content{max-width:100%;padding:28px 20px}.modal-title{flex-direction:column;font-size:22px;gap:12px}.modal-subtitle{font-size:16px;padding:10px 16px}.modal-info{font-size:14px;padding:8px 14px}.form-group{margin-bottom:20px}.error-texto{font-size:13px;padding:14px 16px}.confirmacion-icono{font-size:56px}.confirmacion-mensaje{font-size:18px}.confirmacion-detalle{font-size:15px;padding:16px}}@media (max-width:400px){.admin-container{padding:12px 16px}.header{padding:16px}.welcome-text{font-size:20px}.back-button{font-size:13px;max-width:160px;padding:10px 16px}.tab-button{font-size:14px;gap:8px;padding:14px 12px}.tab-button span{display:none}.tab-button:before{content:attr(data-icon);font-size:18px}.tab-button[data-tab=polideportivos]:before{content:"đī¸"}.tab-button[data-tab=pistas]:before{content:"đž"}.tab-button[data-tab=reservas]:before{content:"đ"}.tab-content{padding:16px}.seccion-titulo{flex-direction:column;font-size:18px;gap:8px}.pista-card,.polideportivo-card,.reserva-card{padding:16px}.pista-nombre,.polideportivo-nombre{font-size:18px}.boton-accion{font-size:12px;min-height:65px;padding:10px}.boton-accion:after{font-size:18px;margin-bottom:4px}.filtro-boton{font-size:13px;min-width:130px;padding:10px 14px}}.lista-vacia-container{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:3px dashed #e2e8f0;border:3px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin:20px auto;max-width:600px;padding:60px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.lista-vacia-container:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.lista-vacia{color:#475569;color:var(--text-secondary);font-size:20px;font-weight:700;margin-bottom:12px}.lista-vacia-subtexto{color:#64748b;color:var(--text-tertiary);font-size:15px;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.loading-container{gap:24px;width:100%}.loading-spinner{animation:spin 1.5s linear infinite;border:5px solid #e2e8f0;border-top-color:#2563eb;border:5px solid var(--border-color);border-top-color:var(--primary-color);height:60px;width:60px}.loading-text{color:#475569;color:var(--text-secondary);font-size:18px;font-weight:600;text-align:center}.modal-overlay.closing .modal-content{animation:modalSlideOut .3s ease-in forwards}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pista-card,.polideportivo-card,.reserva-card{animation:fadeInUp .4s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #f1f5f9;border:2px solid var(--bg-tertiary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);background:linear-gradient(135deg,var(--primary-dark),#6d28d9)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;margin:8px 0}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);background:linear-gradient(135deg,var(--primary-dark),#6d28d9)}.modal-content:after{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:calc(1.5rem - 1px);border-radius:calc(var(--radius-2xl) - 1px);bottom:1px;content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px;z-index:-1}@media (max-width:768px){.lista-vacia-container{padding:40px 20px}.lista-vacia{font-size:18px}.lista-vacia-subtexto{font-size:14px}.loading-container{min-height:300px}.loading-spinner{height:50px;width:50px}.loading-text{font-size:16px}}.safe-area{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.resumen-content{margin:0 auto;max-width:800px;padding:20px 16px 40px;width:100%}.header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:20px;padding:30px 20px;text-align:center}.titulo{font-size:2rem;font-weight:800;margin-bottom:8px}.titulo-small{font-size:1.5rem}.subtitulo-header{font-size:1rem;opacity:.9}.subtitulo-header-small{font-size:.875rem}.precio-actualizado-banner{background-color:#fff3;border-radius:20px;display:inline-block;margin-top:10px;padding:8px 16px}.precio-actualizado-text{font-size:.875rem;font-weight:600}.tarjeta{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.tarjeta-large{margin-left:auto;margin-right:auto;max-width:600px}.encabezado-tarjeta{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.encabezado-tarjeta-small{align-items:flex-start;flex-direction:column;gap:10px}.titulo-tarjeta{color:#1f2937;font-size:1.25rem;font-weight:700}.titulo-tarjeta-small{font-size:1.125rem}.badge-estado{border-radius:20px;font-size:.75rem;font-weight:600;padding:6px 12px}.badge-confirmado{background-color:#dcfce7;color:#166534}.badge-pendiente{background-color:#fef3c7;color:#92400e}.badge-texto{font-size:.75rem;font-weight:600}.grid-detalles{display:flex;flex-direction:column;gap:16px}.dato-container{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.dato-container-small{align-items:flex-start;flex-direction:column;gap:4px}.dato-precio{border-bottom:none;border-top:2px solid #e5e7eb;margin-top:8px;padding-top:16px}.dato-label{color:#6b7280;flex:1 1;font-size:.875rem;font-weight:600}.dato-label-small{font-size:.8125rem}.dato-valor{color:#1f2937;flex:2 1;font-size:1rem;font-weight:500;text-align:right}.dato-valor-small{flex:1 1;font-size:.875rem;text-align:left}.precio-container{gap:10px}.precio{color:#059669;font-size:1.5rem;font-weight:700}.precio-small{font-size:1.25rem}.precio-actualizado-badge{background-color:#fef3c7;border-radius:12px;color:#92400e;font-size:.75rem;font-weight:600;padding:4px 8px}.botones-accion-container{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.boton-accion{background:#fff;border:2px solid;border-radius:12px;cursor:pointer;font-family:inherit;padding:14px;transition:all .2s ease}.boton-accion:hover:not(:disabled){transform:translateY(-1px)}.boton-accion:disabled{cursor:not-allowed;opacity:.6;transform:none}.boton-editar{border-color:#3b82f6}.boton-cancelar{border-color:#ef4444}.boton-email{border-color:#667eea;margin-top:10px}.boton-accion-texto{font-size:1rem;font-weight:600}.boton-email-texto{color:#667eea}.numero-reserva{color:#059669;font-size:1rem;font-weight:700}.info-box{align-items:flex-start;background-color:#eff6ff;border-radius:12px;display:flex;margin-bottom:20px;padding:16px}.info-icon{font-size:1.25rem;margin-right:12px;margin-top:2px}.info-text{color:#1e40af;font-size:.875rem}.info-text-small{font-size:.8125rem;line-height:1.3}.botones-container{display:flex;flex-direction:column;gap:12px}.botones-container-small{gap:8px}.botones-fila{flex-direction:row}.boton-principal{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:16px;transition:all .3s ease}.boton-principal:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.boton-principal:disabled{cursor:not-allowed;opacity:.7;transform:none}.boton-principal-small{padding:14px}.boton-confirmar{background-color:#059669;color:#fff}.boton-secundario{background-color:#fff;border:2px solid #d1d5db}.boton-texto{font-weight:700;margin-bottom:4px}.boton-texto-small{font-size:.875rem}.boton-texto-secundario{color:#374151}.boton-subtexto{font-size:.75rem;opacity:.8}.boton-subtexto-small{font-size:.6875rem}.boton-subtexto-secundario{color:#6b7280}.centrado{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:60vh;padding:20px}.error-texto{color:#dc2626;font-size:1.125rem;font-weight:600;text-align:center}.loading-spinner{border-top-color:currentcolor;height:20px;width:20px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:20px;box-shadow:0 20px 25px #0000001a;max-height:90%;max-width:500px;overflow:auto;width:100%}.modal-content-large{max-width:600px}.modal-content-small{margin:0 8px;max-width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-titulo{color:#1f2937;font-size:1.5rem;font-weight:700}.modal-titulo-small{font-size:1.25rem}.boton-cerrar{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-family:inherit;height:32px;justify-content:center;width:32px}.boton-cerrar:hover{background-color:#e5e7eb}.boton-cerrar-texto{color:#6b7280;font-size:1.25rem;font-weight:300}.info-box-modal{background-color:#f0f9ff;border-radius:12px;margin:0 20px 20px;padding:16px}.info-text-modal{color:#0369a1;font-size:.875rem;font-weight:500;line-height:1.4;text-align:center}.info-text-modal-small{font-size:.8125rem}.form-container{padding:0 20px 20px}.input-group{margin-bottom:16px}.input-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.input-label-small{font-size:.8125rem}.input{background-color:#fff;border:2px solid #e5e7eb;color:#1f2937;font-family:inherit;padding:14px}.input-small{font-size:.875rem;padding:12px}.fila-inputs{display:flex;gap:16px}.fila-inputs-small{flex-direction:column;gap:12px}.resumen-pago{align-items:center;background-color:#f8fafc;display:flex;justify-content:space-between;margin-top:8px;padding:20px}.resumen-label{color:#374151;font-size:1rem;font-weight:600}.resumen-label-small{font-size:.9375rem}.resumen-precio{color:#059669;font-size:1.5rem;font-weight:700}.resumen-precio-small{font-size:1.25rem}.botones-modal{display:flex;gap:12px;padding:0 20px 20px}.botones-modal-small{flex-direction:column;gap:8px}.boton-modal{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;padding:16px;transition:all .2s ease}.boton-modal:hover:not(:disabled){transform:translateY(-1px)}.boton-modal:disabled{cursor:not-allowed;opacity:.7;transform:none}.boton-cancelar-modal{background-color:#6b7280;color:#fff}.boton-confirmar-modal{background-color:#059669;color:#fff}.boton-disabled{background-color:#9ca3af;opacity:.7}.texto-boton-modal{color:inherit}.boton-mas-tarde-modal{background:none;border:none;cursor:pointer;font-family:inherit;margin-bottom:20px;padding:16px;width:100%}.texto-boton-mas-tarde{color:#6b7280;font-size:.875rem;font-weight:500;text-decoration:underline}@media (max-width:768px){.resumen-content{padding:12px}.header{padding:20px 16px}.tarjeta{padding:16px}}@media (max-width:480px){.resumen-content{padding:8px}.header{padding:16px 12px}.tarjeta{padding:12px}.botones-fila{flex-direction:column}}@media (prefers-reduced-motion:reduce){.boton-accion,.boton-modal,.boton-principal,.loading-spinner{animation:none;transition:none}}.recuperacion-overlay{min-height:100vh;padding:10px;transition:background-color .3s ease}.recuperacion-container,.recuperacion-overlay{align-items:center;display:flex;justify-content:center}.recuperacion-container{width:100%}.form-container{border-radius:20px;max-width:500px;padding:20px;transition:all .3s ease;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.back-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;padding:8px;transition:background-color .2s ease}.back-button:hover{background-color:#4f46e51a}.header-center{display:flex;flex:1 1;justify-content:center}.dark-mode-toggle{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.375rem;padding:8px;transition:background-color .2s ease}.dark-mode-toggle:hover{background-color:#4f46e51a}.pasos-container{justify-content:center;margin-bottom:25px}.paso-circulo,.paso-linea,.pasos-container{align-items:center;display:flex}.paso-circulo{border:2px solid;border-radius:50%;height:32px;justify-content:center;transition:all .3s ease;width:32px}.paso-texto{font-size:.875rem;font-weight:700}.paso-conector{height:2px;margin:0 5px;transition:background-color .3s ease;width:40px}.title{font-size:1.625rem;font-weight:800;margin-bottom:5px}.subtitle,.title{text-align:center;transition:color .3s ease}.subtitle{font-size:1rem;font-weight:500;margin-bottom:25px}.recuperacion-form{display:flex;flex-direction:column;gap:15px}.input{border:1px solid;border-radius:12px;box-sizing:border-box;font-size:1rem;height:50px;padding:0 16px;transition:all .3s ease;width:100%}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-container{position:relative}.password-input{padding-right:50px}.eye-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;padding:5px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.eye-button:hover:not(:disabled){background-color:#0000001a}.eye-button:disabled{cursor:not-allowed;opacity:.5}.reenviar-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px;text-align:center;transition:opacity .2s ease}.reenviar-button:hover:not(:disabled){opacity:.8}.reenviar-button:disabled{cursor:not-allowed;opacity:.5}.button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.button:hover:not(.button-disabled){box-shadow:0 6px 12px #4f46e54d;transform:translateY(-2px)}.button-disabled{cursor:not-allowed;opacity:.7;transform:none!important}.button-text{color:#fff;font-weight:700}.button-icon{font-size:1.25rem}.loading-container{gap:8px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-container,.exito-container{align-items:center;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:12px;transition:background-color .3s ease;width:100%}.error-icon,.exito-icon{font-size:1.25rem}.error-text,.exito-text{flex:1 1;font-size:.9375rem;font-weight:500;text-align:center}.divider{align-items:center;display:flex;margin:20px 0}.divider-line{flex:1 1;height:1px}.divider-text{font-size:.875rem;font-weight:500;padding:0 10px}.secondary-button{background:none;border:2px solid;border-radius:12px;cursor:pointer;font-family:inherit;padding:14px;transition:all .3s ease;width:100%}.secondary-button:hover:not(:disabled){background-color:#4f46e50d;transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.secondary-button-text{font-weight:700;text-align:center;transition:color .3s ease}.form-container-small{border-radius:16px;padding:15px}.title-small{font-size:1.375rem;margin-bottom:3px}.subtitle-small{font-size:.875rem;margin-bottom:20px}.input-small{font-size:.9375rem;height:45px;padding:0 14px}.button-small{padding:14px}.button-text-small{font-size:1rem}.divider-small{margin:16px 0}.secondary-button-small{padding:12px}.secondary-button-text-small{font-size:.875rem}.form-container-large{border-radius:24px;max-width:450px;padding:30px 40px}.title-large{font-size:2rem;margin-bottom:8px}.subtitle-large{font-size:1.125rem;margin-bottom:30px}.input-large{font-size:1.0625rem;height:55px;padding:0 18px}.button-large{padding:18px}.button-text-large{font-size:1.125rem}.divider-large{margin:24px 0}.secondary-button-large{padding:16px}.secondary-button-text-large{font-size:1.0625rem}@media (max-width:480px){.recuperacion-overlay{padding:5px}.form-container{padding:15px}.header{margin-bottom:5px}.title{font-size:1.5rem}.subtitle{font-size:.9rem}.pasos-container,.subtitle{margin-bottom:20px}.paso-circulo{height:28px;width:28px}.paso-conector{width:30px}}@media (max-width:320px){.form-container{padding:10px}.title{font-size:1.25rem}.input{font-size:.9rem;height:40px}}@media (prefers-reduced-motion:reduce){.button,.input,.loading-spinner,.paso-circulo,.paso-conector,.secondary-button{animation:none;transition:none}}button:focus-visible,input:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.reservas-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.reservas-header{border-bottom:1px solid #eaeaea;margin-bottom:30px;padding-bottom:20px}.header-content h1{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.subtitulo{color:#7f8c8d;margin-bottom:25px}.header-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.btn-filtros,.btn-nueva-reserva{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-filtros{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;color:#495057}.btn-filtros:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-filtros:active{transform:translateY(0)}.btn-nueva-reserva{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #3d8b40;color:#fff}.btn-nueva-reserva:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.btn-nueva-reserva:active{transform:translateY(0)}.filter-icon,.plus-icon{font-size:18px}.filtros-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;flex-wrap:wrap;gap:25px;margin-bottom:30px;padding:25px}.filtro-group{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:200px}.filtro-group label{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filtro-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:15px;padding:12px 40px 12px 16px;transition:all .3s ease}.filtro-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.btn-limpiar-filtros{align-self:flex-end;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-limpiar-filtros:hover{background:#5a6268;transform:translateY(-2px)}.reservas-section{margin-bottom:50px}.section-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.section-header h2{color:#2c3e50;font-size:26px;font-weight:600;margin:0}.badge-count{background:#e3f2fd;border-radius:20px;color:#1565c0;font-size:14px;font-weight:700;min-width:36px;padding:6px 16px;text-align:center}.badge-confirmada{background:#e8f5e9;color:#2e7d32}.badge-historial{background:#f3e5f5;color:#7b1fa2}.section-subtitle{color:#6c757d;font-size:15px;line-height:1.6;margin-bottom:25px}.reservas-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.reserva-card{background:#fff;border:2px solid #f8f9fa;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.reserva-card:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.reserva-card:hover:before{transform:scaleX(1)}.reserva-card:hover{border-color:#e9ecef;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.reserva-card.pendiente{border-left:6px solid #ff9800}.reserva-card.confirmada{border-left:6px solid #4caf50}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.card-badge{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;padding:6px 14px}.reserva-card.pendiente .card-badge{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;color:#ef6c00}.reserva-card.confirmada .card-badge{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #81c784;color:#2e7d32}.btn-cancelar-card{align-items:center;background:none;border:none;border-radius:50%;color:#b0bec5;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:6px;transition:all .2s;width:32px}.btn-cancelar-card:hover{background:#f443361a;color:#f44336;transform:rotate(90deg)}.card-content{margin-bottom:24px}.pista-nombre{color:#1a237e;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 6px}.pista-tipo{color:#5c6bc0;font-size:14px;font-weight:500;margin:0 0 18px}.ludoteca-badge{background:#fff8e1;border-radius:12px;color:#ff8f00;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.info-row{align-items:center;color:#546e7a;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.info-icon{font-size:16px;opacity:.8;text-align:center;width:20px}.info-text{flex:1 1;line-height:1.4}.precio-container{align-items:center;border-top:2px dashed #e0e0e0;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.precio-label{color:#546e7a;font-size:14px;font-weight:600}.precio{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;color:#2e7d32;font-size:24px;font-weight:800}.card-footer{display:flex;gap:12px}.btn-pagar,.btn-ver-detalles{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.btn-pagar{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 15px #4caf504d;color:#fff}.btn-pagar:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-pagar:active{transform:translateY(0)}.btn-ver-detalles{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;color:#495057}.btn-ver-detalles:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 4px 15px #0000001a;color:#212529;transform:translateY(-2px)}.empty-state{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px dashed #adb5bd;border-radius:20px;margin:30px 0;padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state p{color:#6c757d;font-size:18px;font-weight:500;margin-bottom:30px}.btn-nueva-reserva-empty{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 6px 20px #4caf5040;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.btn-nueva-reserva-empty:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 10px 25px #4caf5059;transform:translateY(-3px)}.btn-nueva-reserva-empty:active{transform:translateY(0)}.confirmadas-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.confirmada-card{background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #bbdefb;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:20px}.confirmada-header{align-items:center;display:flex;justify-content:space-between}.confirmada-fecha{color:#1565c0;font-size:14px;font-weight:600}.confirmada-badge{background:#e3f2fd;border-radius:20px;color:#0d47a1;font-size:12px;font-weight:600;padding:4px 12px}.confirmada-content h4{color:#1a237e;font-size:18px;margin:0 0 8px}.confirmada-lugar{color:#5c6bc0;font-size:14px;margin:0 0 8px}.confirmada-horario{color:#546e7a;font-size:14px;font-weight:500}.btn-ver-confirmada{align-self:flex-start;background:#bbdefb;border:none;border-radius:8px;color:#0d47a1;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.btn-ver-confirmada:hover{background:#90caf9;transform:translateY(-2px)}.historial-section{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:1px solid #e0e0e0;border-radius:20px;padding:30px}.historial-container{display:flex;flex-direction:column;gap:15px;margin-top:20px}.historial-item{align-items:center;background:#fff;border-left:5px solid #b0bec5;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:18px;transition:all .3s ease}.historial-item:hover{border-left-color:#78909c;box-shadow:0 4px 15px #0000001a;transform:translateX(8px)}.historial-content{flex:1 1}.historial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.historial-fecha{color:#455a64;font-size:15px;font-weight:600}.historial-estado{border-radius:15px;font-size:13px;font-weight:600;padding:4px 12px}.historial-estado.cancelada{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef9a9a;color:#c62828}.historial-estado.pasada{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8;color:#7b1fa2}.historial-info{margin-bottom:8px}.historial-pista{color:#37474f;font-size:16px;font-weight:700}.historial-polideportivo{color:#607d8b;font-size:14px}.historial-detalles{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.historial-horario,.historial-ludoteca,.historial-precio{color:#78909c;font-size:14px;font-weight:500}.historial-ludoteca{background:#fff8e1;border-radius:12px;color:#ff8f00;font-size:12px;padding:2px 8px}.btn-ver-historial{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);border:none;border-radius:8px;color:#424242;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.btn-ver-historial:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);color:#212121;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #4caf501a;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#546e7a;font-size:16px;font-weight:500}.error-container{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef9a9a;border-radius:20px;margin:40px 0;padding:80px 40px;text-align:center}.error-container h2{color:#c62828;font-size:28px;margin-bottom:15px}.error-container p{color:#d32f2f;font-size:16px;line-height:1.6;margin-bottom:30px}.btn-reintentar{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-reintentar:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@media (max-width:1024px){.reservas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.reservas-container{padding:15px}.reservas-grid{grid-template-columns:1fr}.header-actions{flex-direction:column}.btn-filtros,.btn-nueva-reserva{justify-content:center;width:100%}.filtros-container{flex-direction:column;gap:20px;padding:20px}.filtro-group{min-width:100%}.btn-limpiar-filtros{align-self:stretch;text-align:center}.confirmadas-container{grid-template-columns:1fr}.historial-item{align-items:flex-start;flex-direction:column;gap:20px}.btn-ver-historial{align-self:flex-end}.historial-detalles{align-items:flex-start;flex-direction:column;gap:5px}.reservas-header h1{font-size:28px}.section-header h2{font-size:22px}}@media (max-width:480px){.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.btn-nueva-reserva-empty{font-size:15px;padding:14px 24px}.reserva-card{padding:20px}.pista-nombre{font-size:18px}.precio{font-size:22px}}.header-with-back{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:30px;padding-bottom:20px;position:relative}.back-button-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#495057;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:10px;margin-right:25px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.back-button-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 4px 15px #00000026;color:#212529;transform:translateX(-3px)}.back-button-header:active{transform:translateX(0)}.back-arrow{font-size:20px;font-weight:700;line-height:1;transition:transform .2s}.back-button-header:hover .back-arrow{transform:translateX(-2px)}.back-text{font-weight:600;white-space:nowrap}.header-content-main{flex:1 1}.header-content-main h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#4a6491);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:36px;font-weight:800;margin:0 0 8px}.subtitulo{color:#6c757d;font-size:16px;line-height:1.5;margin:0;max-width:600px}.content-container{padding-top:20px}@media (max-width:768px){.header-with-back{align-items:center;flex-direction:row;margin-bottom:25px;padding-bottom:15px}.back-button-header{margin-right:15px;padding:10px 16px}.back-text{display:inline}.header-content-main h1{font-size:28px}.subtitulo{font-size:15px}}@media (max-width:480px){.header-with-back{align-items:flex-start;flex-direction:column;gap:15px}.back-button-header{justify-content:center;margin-right:0;width:100%}.header-content-main{text-align:center;width:100%}.header-content-main h1{font-size:24px}.subtitulo{font-size:14px}}@media (max-width:360px){.back-text{font-size:14px}.back-arrow{font-size:18px}}.App{min-height:100vh}
/*# sourceMappingURL=main.de15140e.css.map*/