body,html{height:100%}body{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}.password-input{padding-right:50px}.eye-button{border-radius:4px;padding:5px;right:16px}.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}.form-container-large{max-width:450px}.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 (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,.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{border-radius:20px;max-width:600px;padding:20px;width:100%}.header{margin-bottom:10px}.back-button{border-radius:8px;padding:8px}.back-button:hover{background-color:#4f46e51a}.header-center{display:flex;justify-content:center}.dark-mode-toggle{border-radius:8px;font-size:1.375rem;padding:8px}.dark-mode-toggle:hover{background-color:#4f46e51a}.title{font-size:1.625rem;font-weight:800;margin-bottom:5px;text-align:center}.subtitle,.title{transition:color .3s ease}.subtitle{font-size:1rem;font-weight:500;margin-bottom:25px}.registro-form{display:flex;flex-direction:column;gap:15px}.input{border:1px solid;height:50px;padding:0 16px}.input:disabled{background-color:#f9fafb;color:#9ca3af}.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{border-radius:12px;font-family:inherit;gap:8px;margin-top:10px;padding:16px;width:"100%"}.button:hover:not(.button-disabled){box-shadow:0 6px 12px #4f46e54d;transform:translateY(-2px)}.button-disabled{opacity:.7;transform:none!important}.button-text{color:#fff;font-weight:700}.loading-container{gap:8px}.loading-spinner{height:16px;width:16px}.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}.divider{margin:20px 0}.divider-text{padding:0 10px}.secondary-button{background:none;border-radius:12px;font-family:inherit;padding:14px}.secondary-button:hover:not(:disabled){background-color:#4f46e50d;transform:translateY(-1px)}.secondary-button:disabled{opacity:.5}.secondary-button-text{font-weight:700;text-align:center}.form-container-small{border-radius:16px;padding:15px}.title-small{font-size:1.375rem;margin-bottom:3px}.subtitle-small{margin-bottom:20px}.input-small{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:600px;padding:30px 40px}.title-large{margin-bottom:8px}.subtitle-large{margin-bottom:30px}.input-large{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}@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}}.password-input-container{position:relative;width:100%}.password-input{padding-right:45px!important;width:100%}.password-toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-button:hover{opacity:.8}.password-toggle-button:disabled{cursor:not-allowed;opacity:.5}.input-small.password-input{padding-right:40px!important}.password-toggle-button{font-size:16px}.input-large.password-input{padding-right:50px!important}.password-toggle-button{font-size:20px}.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{background:#0000}.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;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.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{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;opacity:.8;padding-top:15px}@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}.help-section-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.help-section-content{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;padding:25px;width:100%}.help-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.help-section-header h2{align-items:center;display:flex;font-size:24px;font-weight:600;margin:0}.help-steps{display:flex;flex-direction:column;gap:20px}.help-step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;min-width:32px}.help-step h4{font-size:16px;font-weight:600;margin:0 0 5px}.help-step p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.help-tips h4{align-items:center;display:flex;font-size:16px;font-weight:600;margin:0 0 10px}.help-tips ul{margin:0;padding-left:20px}.help-tips li{font-size:14px;line-height:1.5;margin-bottom:5px}.help-footer{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}@media (max-width:768px){.help-section-content{max-width:95%;padding:20px}.help-section-header h2{font-size:20px}.help-step{flex-direction:column;gap:10px}.step-number{font-size:14px;height:28px;width:28px}}.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;margin-bottom:20px;padding:25px}.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}.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{font-size:12px;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{margin-right:10px}.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}.pista-no-disponible-alert{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-weight:500;margin:10px 0;padding:10px;text-align:center}.total-precio-no-disponible{color:#dc2626!important;text-decoration:line-through}.info-pistas-disponibles{background-color:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46;font-size:14px;margin:10px 0 20px;padding:8px 12px;text-align:center}.horas-ocupadas-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:15px 0;padding:15px}.horas-ocupadas-titulo{color:#475569;font-size:14px;font-weight:600;margin-bottom:8px}.horas-ocupadas-lista{display:flex;flex-wrap:wrap;gap:8px}.bloque-ocupado{background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:13px;font-weight:500;padding:4px 8px}.no-horas-text{color:#dc2626;font-size:13px;font-style:italic;margin-top:5px}.form-select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-select option:disabled{color:#94a3b8;font-style:italic}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;display:inline-block;height:16px;margin-right:8px;width:16px}.button-disabled{cursor:not-allowed!important}.button-disabled:hover{background-color:#059669!important;transform:none!important}.total-precio-cambiado{animation:pulse 1.5s ease-in-out;color:#059669;font-weight:700}.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-dark:#1d4ed8;--secondary-color:#7c3aed}.admin-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:100vh;padding:32px 40px}.header{background-color:#fff;background-color: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{border:1px solid #e2e8f0;border:1px solid var(--border-color);max-width:160px;padding:14px 24px}.welcome-text{word-wrap:break-word;color:#2563eb;color:var(--primary-color);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-color:#f8fafc;background-color:var(--bg-secondary);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:hover{background-color:#ffffff80;color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.tab-button.active-tab{background-color:#2563eb;background-color:var(--primary-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-color:#fff;background-color: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;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{color:#0f172a;color:var(--text-primary);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-color:#2563eb;background-color:var(--primary-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;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.boton-agregar:hover{background-color:#1d4ed8;background-color:var(--primary-dark);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-3px)}.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-color:#fff;background-color:var(--bg-primary);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-color:#2563eb;background-color:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.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-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-color:#06b6d4;background-color:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.polideportivo-direccion{align-items:center;background-color:#f1f5f9;background-color: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);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-color:#f8fafc;background-color:var(--bg-secondary);border-color:#06b6d4;border-color:var(--accent-color)}.polideportivo-telefono{align-items:center;background-color:#f8fafc;background-color: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-color:#06b6d4;background-color:var(--accent-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;padding:12px 24px;text-align:center;white-space:nowrap}.card-actions{margin-top:20px}.boton-eliminar,.card-actions{display:flex;justify-content:center;width:100%}.boton-eliminar{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:2px solid #ef4444;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:#ef4444;color:var(--danger-color);cursor:pointer;font-size:16px;font-weight:700;gap:10px;margin:0 auto;max-width:300px;min-height:56px;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.boton-eliminar:hover{background-color:#ef4444;background-color:var(--danger-color);border-color:#0000;color:#fff;transform:translateY(-3px)}.boton-eliminar:hover,.filtro-container{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.filtro-container{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);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{gap:12px;justify-content:center}.filtro-boton{align-items:center;background-color:var(--bg-primary);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;font-size:15px;font-weight:600;gap:10px;min-height:52px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.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-activo{background-color:#2563eb;background-color:var(--primary-color);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);font-weight:700}.filtro-boton-activo:hover{background-color:#1d4ed8;background-color:var(--primary-dark);border-color:#0000;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;transform:translateY(-3px)}.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-color:#fff;background-color:var(--bg-primary);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: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-color:#06b6d4;background-color:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.pista-detalles{align-items:center;background-color:#f1f5f9;background-color: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);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-color:#f8fafc;background-color:var(--bg-secondary);border-color:#06b6d4;border-color:var(--accent-color)}.estado-container{align-items:center;background-color:#f1f5f9;background-color:var(--bg-tertiary);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-color:#10b981;background-color:var(--success-color);border-radius:50%;box-shadow:0 0 0 0 #10b981b3;height:12px;width:12px}.estado-indicator.mantenimiento{animation:pulse-warning 2s infinite;background-color:#f59e0b;background-color: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-color:#fff;background-color:var(--bg-primary);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;padding:16px 10px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);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.eliminar{border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.boton-accion.eliminar:hover{background-color:#ef4444;background-color:var(--danger-color);border-color:#0000;color:#fff;transform:translateY(-3px)}.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-color:#fff;background-color:var(--bg-primary);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-color:#10b981;background-color:var(--success-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-color:#f1f5f9;background-color: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);display:inline-block;font-size:15px;font-weight:600;padding:8px 16px}.estado-reserva{background-color:#10b981;background-color:var(--success-color);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;padding:10px 22px;text-align:center;text-transform:uppercase}.estado-reserva.cancelada{background-color:#ef4444;background-color:var(--danger-color)}.estado-reserva.pendiente{background-color:#f59e0b;background-color:var(--warning-color)}.reserva-info{grid-gap:20px;background-color:#f1f5f9;background-color:var(--bg-tertiary);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-color:#f8fafc;background-color:var(--bg-secondary);border-color:#8b5cf6;border-color:var(--info-color)}.reserva-texto{align-items:center;background-color:#fff;background-color: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-color:#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-color:#fff;background-color:var(--bg-primary);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;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.boton-cancelar:hover{background-color:#f59e0b;background-color:var(--warning-color);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.modal-content{padding:48px;transform-origin:center}.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-color:#06b6d4;background-color:var(--accent-color);border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.modal-subtitle{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}.modal-info,.modal-subtitle{background-color:#f1f5f9;background-color:var(--bg-tertiary);text-align:center}.modal-info{align-items:center;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:8px;justify-content:center;margin-bottom:32px;padding:10px 16px}.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-color:#fff;background-color:var(--bg-primary);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);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{border-color:#2563eb;border-color:var(--primary-color);box-shadow: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-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-size:15px;padding:12px}.modal-select option:checked{background-color:#2563eb;background-color:var(--primary-color);color:#fff;font-weight:600}.precio-container{position:relative}.precio-suffix{background-color:#f1f5f9;background-color: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;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-button-cancel{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#475569;color:var(--text-secondary)}.modal-button-cancel:hover{background-color:#f8fafc;background-color:var(--bg-secondary);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-color:#2563eb;background-color:var(--primary-color);border:2px solid #0000;color:#fff}.modal-button-save:hover{background-color:#1d4ed8;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.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}.error-texto{align-items:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#ef4444;color:var(--danger-color);display:flex;font-size:14px;gap:12px;margin:-12px 0 20px;padding:16px 20px}.error-texto:before{content:"⚠️";font-size:18px}.modal-content.editar-precio{max-width:440px}.precio-edicion-container{background-color:#f1f5f9;background-color:var(--bg-tertiary);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-color:#fff;background-color:var(--bg-primary);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-color:#f1f5f9;background-color: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}.usuarios-table-container{background-color:#fff;background-color:var(--bg-primary);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);padding:20px}.usuarios-table{min-width:800px}.usuarios-table th{background-color:#2563eb;background-color:var(--primary-color);color:#fff;font-size:14px;padding:15px;white-space:nowrap}.usuarios-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#475569;color:var(--text-secondary);font-size:14px;vertical-align:middle}.usuario-row:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.rol-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;min-width:80px;padding:6px 12px;text-align:center}.rol-admin{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.rol-user{background-color:#f1f5f9;background-color:var(--bg-tertiary);color:#475569;color:var(--text-secondary)}.acciones-usuario{gap:8px}.boton-hacer-admin{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s;white-space:nowrap}.boton-hacer-admin:hover{background-color:#1d4ed8;background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.boton-quitar-admin{background-color:#ef4444;background-color:var(--danger-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s;white-space:nowrap}.boton-quitar-admin:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.boton-quitar-admin:disabled{background-color:#f1f5f9;background-color:var(--bg-tertiary);color:#64748b;color:var(--text-tertiary);opacity:.6}.modal-advertencia,.modal-rol-info,.modal-usuario-info{border-radius:.75rem;border-radius:var(--radius-lg);font-size:14px;margin-bottom:15px;padding:12px}.modal-usuario-info{background-color:#f1f5f9;background-color:var(--bg-tertiary);border-left:4px solid #2563eb;border-left:4px solid var(--primary-color)}.modal-rol-info,.modal-usuario-info{color:#475569;color:var(--text-secondary)}.modal-rol-info{align-items:center;background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color);display:flex;gap:10px}.modal-advertencia{background-color:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.lista-vacia-container{background-color:#f1f5f9;background-color:var(--bg-tertiary);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;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:5px solid var(--border-color)}.loading-text{text-align:center}.error-container{background-color:#fff;background-color: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:40px auto;max-width:600px;padding:60px 24px}.error-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-login,.btn-reintentar{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-reintentar{background-color:#2563eb;background-color:var(--primary-color)}.btn-login{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#475569;color:var(--text-secondary)}.btn-reintentar:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.btn-login:hover{background-color:#e2e8f0;background-color:var(--border-color);color:#0f172a;color:var(--text-primary)}.boton-accion.cargando,.boton-agregar.cargando,.modal-button.cargando{color:#0000;pointer-events:none;position:relative}.boton-accion.cargando:after,.boton-agregar.cargando:after,.modal-button.cargando:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.boton-cancelar.cargando:after,.boton-eliminar.cargando:after{border:2px solid #ffffff4d;border-top-color:#fff}@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;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;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}.usuarios-table-container{border-radius:0;margin:10px -16px;padding:10px}.usuarios-table{min-width:650px}.usuario-row td{padding:10px 8px}.acciones-usuario{flex-direction:column;gap:4px}.boton-hacer-admin,.boton-quitar-admin{font-size:11px;padding:6px 8px;width:100%}.boton-accion,.boton-agregar,.boton-cancelar,.boton-eliminar,.filtro-boton,.modal-button,.tab-button{min-height:44px}.filtro-botones,.tabs-container{gap:8px}.modal-buttons{gap:10px}}@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}.usuarios-table{min-width:600px}.modal-content{padding:20px;width:95%}.modal-title{font-size:18px}}@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-button[data-tab=usuarios]: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}.usuarios-table{min-width:550px}.usuarios-table td,.usuarios-table th{font-size:11px;padding:6px 8px}.rol-badge{font-size:9px;min-width:50px;padding:3px 6px}.boton-hacer-admin,.boton-quitar-admin{font-size:10px;padding:4px 6px}}@media (max-width:360px){.admin-container{padding:12px 14px!important}.header{border-radius:16px!important;padding:14px!important}.welcome-text{font-size:18px!important;line-height:1.2!important}.back-button{font-size:12px!important;max-width:140px!important;padding:8px 14px!important}.tab-button{font-size:12px!important;min-height:48px!important;padding:12px 10px!important}.seccion-titulo{flex-wrap:wrap;font-size:16px!important;gap:4px;justify-content:center;text-align:center}.pista-card,.polideportivo-card,.reserva-card{border-radius:16px!important;padding:14px!important}.pista-nombre,.polideportivo-nombre,.reserva-nombre-pista{flex-wrap:wrap;font-size:16px!important}.pista-detalles,.polideportivo-direccion{font-size:12px!important;padding:8px 12px!important}.estado-container{padding:8px 12px!important}.estado-texto{font-size:11px!important}.acciones-container{gap:6px}.boton-accion{font-size:10px!important;min-height:55px!important;padding:8px!important}.boton-accion:after{font-size:16px!important;margin-bottom:2px}.boton-agregar,.boton-cancelar,.boton-eliminar{font-size:12px!important;min-height:45px!important;padding:10px 14px!important}.filtro-boton{font-size:11px!important;min-width:110px!important;padding:8px 12px!important}.modal-button,.modal-input,.modal-select{font-size:14px!important;padding:12px 16px!important}.modal-button{min-height:45px!important}}@media (max-width:768px) and (orientation:landscape){.admin-container{padding:16px!important}.header{margin-bottom:20px!important;padding:20px!important}.header-top{flex-direction:row!important;flex-wrap:wrap;justify-content:center}.back-button{margin:0;order:1}.welcome-text{font-size:20px;margin-top:10px;order:3;width:100%}.username{margin:0;order:2}.tab-content{padding:20px!important}.list-content.polideportivos-grid,.list-content:not(.polideportivos-grid){gap:15px;grid-template-columns:repeat(2,1fr)!important}.pista-card,.polideportivo-card{min-height:200px!important}.acciones-container{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:2000px){.admin-container{max-width:2000px}.list-content.polideportivos-grid{grid-template-columns:repeat(auto-fit,minmax(600px,650px))}.list-content:not(.polideportivos-grid){grid-template-columns:repeat(auto-fit,minmax(500px,550px))}.pista-card,.polideportivo-card,.reserva-card{padding:48px}.seccion-titulo{font-size:32px}.boton-agregar{font-size:18px;padding:20px 40px}}@media (max-width:768px){.modal-input,.modal-input.precio-input,.modal-select{font-size:16px!important}.pista-nombre,.polideportivo-nombre,.reserva-nombre-pista{overflow-wrap:break-word;word-break:break-word}.polideportivo-direccion{line-height:1.4;word-break:break-word}.filtro-botones,.modal-content{-webkit-overflow-scrolling:touch}.filtro-botones{scrollbar-width:none}}@media (max-width:768px){.filtro-botones::-webkit-scrollbar{display:none}}@media (max-width:768px){.form-label{font-size:14px}.modal-input:focus,.modal-select:focus{box-shadow:0 0 0 2px #2563eb40}}@media (max-width:480px){.modal-content.confirmacion{padding:20px!important}.confirmacion-icono{font-size:48px!important}.confirmacion-mensaje{font-size:16px!important}.confirmacion-detalle{font-size:14px!important;padding:12px!important}}@media (max-width:768px){.content,.header,.pista-card,.polideportivo-card,.reserva-card{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.pista-card:hover,.polideportivo-card:hover,.reserva-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media print{.admin-container{max-width:100%;padding:0}.content,.header{border:1px solid #ddd;box-shadow:none}.back-button,.boton-accion,.boton-agregar,.boton-cancelar,.boton-eliminar,.modal-button,.tabs-container{display:none}.pista-card,.polideportivo-card,.reserva-card{break-inside:avoid;page-break-inside:avoid}body{background:#fff;color:#000}.usuarios-table th{background:#f0f0f0!important;color:#000!important}.usuarios-table td{border-color:#ddd}}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--primary-dark)}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.modal-content::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-color)}.modal-content::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--primary-dark)}.pista-card,.polideportivo-card,.reserva-card{animation:fadeInUp .4s ease-out}@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}}.polideportivo-actions{border-top:1px solid #eee;margin-top:15px;padding-top:10px;text-align:center}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:14px;margin:5px 0;padding:10px;text-align:center}.pistas-count-warning{color:#ff9800;font-weight:700}.pistas-count-ok{color:#4caf50}.usuarios-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow-x:auto}.usuarios-table{border-collapse:collapse;width:100%}.usuarios-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 15px;text-align:left}.usuarios-table td{border-bottom:1px solid #dee2e6;padding:12px 15px}.usuario-row:hover{background-color:#f8f9fa}.rol-text{border-radius:4px;display:inline-block;font-weight:600;padding:4px 8px}.rol-super-admin{background-color:gold;color:#333}.rol-admin-poli{background-color:#2196f3;color:#fff}.rol-user{background-color:#6c757d;color:#fff}.polideportivo-info{color:#666;font-size:13px}.acciones-usuario{display:flex;flex-wrap:wrap;gap:5px;min-width:200px}.acciones-usuario .boton-accion{background:#f8f9fa;border:1px solid #ddd;color:#495057;font-size:11px;margin:2px;padding:4px 8px}.acciones-usuario .boton-accion:hover{background:#e9ecef}.boton-hacer-admin{background-color:gold!important;color:#333!important}.boton-admin-poli{background-color:#2196f3!important;color:#fff!important}.boton-quitar-admin{background-color:#6c757d!important;color:#fff!important}.boton-quitar-admin:disabled{cursor:not-allowed;opacity:.5}.modal-seleccion-poli{margin:15px 0}.modal-label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.modal-rol-info,.modal-usuario-info{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin:10px 0;padding:10px}.modal-advertencia{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:14px;margin:15px 0;padding:10px}@media (max-width:768px){.usuarios-table-container{font-size:12px}.usuarios-table td,.usuarios-table th{padding:8px 5px}.acciones-usuario{flex-direction:column;min-width:auto}.acciones-usuario .boton-accion{margin:2px 0;width:100%}}.polideportivo-info{color:#2c3e50;font-weight:700}.reserva-texto.polideportivo-info{background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:4px;padding:4px 8px}.filtro-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:15px}.filtro-label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.filtro-botones{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filtro-boton{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.filtro-boton:hover{background-color:#f0f0f0;border-color:#bbb}.filtro-boton-activo{background-color:#007bff;border-color:#0056b3;color:#fff}.filtro-boton-activo:hover{background-color:#0056b3}.seccion-titulo{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:10px}.lista-vacia-container{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.lista-vacia{color:#666;font-size:16px;margin-bottom:15px}.lista-vacia-subtexto{color:#888;font-size:14px;margin-bottom:20px}@media (max-width:768px){.filtro-botones{overflow-x:auto;padding-bottom:5px}.filtro-boton{flex-shrink:0}}.seccion-agrupada{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:30px;overflow:hidden}.seccion-agrupada-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.seccion-agrupada-titulo{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px}.seccion-agrupada-subtitulo{font-size:14px;font-weight:400;opacity:.9}.seccion-agrupada-contador{background:#fff3;border-radius:20px;font-size:14px;padding:5px 10px}.seccion-agrupada-contenido{background:#f9f9f9;padding:15px}.list-content.agrupado{padding:0}:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#2d62f5;--secondary-color:#0000005b;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--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);--z-modal:2000;--z-header:100}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);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-poli-container{display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:100vh;padding:32px 40px}.admin-poli-header{align-items:center;background-color:#fff;background-color: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);display:flex;gap:24px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative;width:100%}.admin-poli-header:before{background:linear-gradient(90deg,#2563eb,#0000005b,#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-left{align-items:center;display:flex;flex:1 1;gap:24px}.back-button{background-color:#fff;background-color:var(--bg-primary);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);flex-shrink:0;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.back-button:hover{background-color:#e2e8f0;background-color:var(--border-color);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.header-title{flex:1 1}.header-title h1{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.header-subtitle{color:#475569;color:var(--text-secondary);font-size:16px;font-weight:500;gap:8px}.header-right,.header-subtitle{align-items:center;display:flex}.header-right{flex-shrink:0;gap:16px}.role-badge{align-items:center;background-color:#2563eb;background-color:var(--primary-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;padding:8px 20px;white-space:nowrap}.dark-mode-toggle{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);font-size:18px;height:44px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.dark-mode-toggle:hover{background-color:#e2e8f0;background-color:var(--border-color);border-color:#2563eb;border-color:var(--primary-color);color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.dark-mode-toggle:hover,.export-button{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.export-button{align-items:center;background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.export-button:hover{background-color:#2d62f5;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background-color:#fff;background-color:var(--bg-primary);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);overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{font-size:32px;margin-bottom:16px}.stat-number{color:#0f172a;color:var(--text-primary);font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tabs-section{background-color:#fff;background-color: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:32px;padding:24px}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);gap:8px;margin-bottom:24px;padding-bottom:8px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab:hover{background-color:#2563eb0d;color:#2563eb;color:var(--primary-color)}.tab.active{background-color:#2563eb;background-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.tab.active:after{background-color:#fff;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:32px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box:before{color:#64748b;color:var(--text-tertiary);content:"🔍";font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-box input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-size:15px;outline:none;padding:14px 20px 14px 46px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-box input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filters{align-items:center;display:flex;gap:12px}.filters input[type=date],.filters select{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-size:15px;min-width:160px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filters input[type=date]:focus,.filters select:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.content-area{background-color:#fff;background-color: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;overflow:hidden}.table-container{overflow-x:auto;width:100%}.table-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);justify-content:space-between;padding:24px}.table-header,.table-title{align-items:center;display:flex}.table-title{color:#0f172a;color:var(--text-primary);font-size:20px;font-weight:700;gap:12px}.add-pista-btn{align-items:center;background-color:#10b981;background-color:var(--success-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-pista-btn:hover{background-color:#34d399;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pistas-table,.reservas-table{border-collapse:collapse;width:100%}.pistas-table thead,.reservas-table thead{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.pistas-table th,.reservas-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.pistas-table td,.reservas-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-primary);font-size:15px;padding:18px 20px}.pistas-table tbody tr,.reservas-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pistas-table tbody tr:hover,.reservas-table tbody tr:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.estado-badge{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.user-info{display:flex;flex-direction:column;gap:4px}.user-email{color:#64748b;color:var(--text-tertiary);font-size:13px}.acciones{display:flex;flex-wrap:wrap;gap:8px}.accion-btn{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.accion-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.accion-btn.confirm:hover{background-color:#10b9811a;border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.accion-btn.cancel:hover{background-color:#ef44441a;border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.accion-btn.edit:hover,.accion-btn.email:hover{background-color:#2563eb1a;border-color:#2563eb;border-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}.accion-btn.price:hover{background-color:#10b9811a;border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.accion-btn.maintenance:hover{background-color:#f59e0b1a;border-color:#f59e0b;border-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.accion-btn.delete:hover{background-color:#ef44441a;border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.empty-state{padding:80px 40px}.empty-state h3{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:600;margin-bottom:12px}.empty-state p{color:#475569;color:var(--text-secondary);line-height:1.6;margin:0 auto;max-width:400px}.estadisticas-container{padding:32px}.estadisticas-header{margin-bottom:32px;text-align:center}.estadisticas-header h3{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.estadisticas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.estadistica-card{align-items:center;background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:20px;padding:24px}.estadistica-icon{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.estadistica-number{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.estadistica-label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:500}.pistas-estadisticas{margin-top:40px}.pistas-estadisticas h4{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.pistas-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pista-tipo-card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pista-tipo-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pista-cantidad{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-top:8px}.ocupacion-card{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);margin-top:40px;padding:32px;text-align:center}.ocupacion-header{align-items:center;display:flex;font-size:24px;gap:12px;justify-content:center;margin-bottom:16px}.ocupacion-value{color:#0f172a;color:var(--text-primary);font-size:48px;font-weight:800;margin:8px 0}.ocupacion-label{color:#475569;color:var(--text-secondary);font-size:14px;letter-spacing:1px;text-transform:uppercase}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;padding:20px;z-index:2000;z-index:var(--z-modal)}.modal-content{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:520px;padding:40px;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{background-color:#2563eb;background-color:var(--primary-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-icon{margin-bottom:24px}.modal-content h3{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.modal-content p{color:#475569;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;text-align:center}.modal-details{background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.modal-details div{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.modal-details strong,.modal-input{color:#0f172a;color:var(--text-primary)}.modal-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);font-size:15px;margin-bottom:16px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.modal-note{color:#64748b;color:var(--text-tertiary);font-size:14px;margin-bottom:24px;margin-top:8px}.modal-actions{gap:16px;margin-top:32px}.modal-cancel,.modal-confirm{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-cancel{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#475569;color:var(--text-secondary)}.modal-cancel:hover{background-color:#e2e8f0;background-color:var(--border-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.modal-confirm{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.modal-confirm:hover{background-color:#2d62f5;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-pista-modal,.pista-modal{max-width:600px}.modal-header{margin-bottom:32px}.modal-header h3{align-items:center;display:flex;gap:12px;margin:0}.modal-header button{border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-tertiary);font-size:24px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-header button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.pista-form{margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:100px}.form-info{background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-tertiary);font-size:14px;margin-top:12px;padding:12px 16px}.error-message{align-items:center;color:#ef4444;color:var(--danger-color);display:flex;font-size:14px;gap:8px;margin-top:8px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#2563eb;border:4px solid var(--border-color);border-top-color:var(--primary-color);height:60px;margin-bottom:24px;width:60px}.loading-text{color:#475569;color:var(--text-secondary);font-size:18px;font-weight:600}.error-icon{font-size:64px;margin-bottom:24px}.error-container h2{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.error-container p{color:#475569;color:var(--text-secondary);margin:0 auto 32px;max-width:400px}.error-container button{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.error-container button:hover{background-color:#2d62f5;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:1024px){.admin-poli-container{padding:28px 32px}.admin-poli-header{padding:24px 32px}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-content{padding:32px}}@media (max-width:768px){.admin-poli-container{padding:20px 24px}.admin-poli-header{gap:20px;padding:24px}.admin-poli-header,.header-left{align-items:stretch;flex-direction:column}.header-left{gap:16px}.back-button{align-self:flex-start}.header-title{text-align:center}.header-title h1{font-size:24px}.header-right{justify-content:center}.tabs-section{padding:20px}.tabs{overflow-x:auto;padding-bottom:4px}.tab{font-size:14px;padding:14px 20px;white-space:nowrap}.controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filters{flex-direction:column}.filters,.filters input[type=date],.filters select{width:100%}.stats-grid{grid-template-columns:1fr}.estadisticas-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:16px}.modal-content{max-height:85vh;padding:24px}.modal-actions{flex-direction:column}.modal-cancel,.modal-confirm{width:100%}.table-header{align-items:stretch;flex-direction:column;gap:16px}.add-pista-btn{justify-content:center;width:100%}}@media (max-width:480px){.admin-poli-container{padding:16px 20px}.admin-poli-header{padding:20px}.header-title h1{font-size:22px}.role-badge{font-size:13px;padding:8px 16px}.tab{font-size:13px;padding:12px 16px}.estadisticas-grid{grid-template-columns:1fr}.pistas-grid{grid-template-columns:repeat(2,1fr)}.modal-content{padding:20px;width:95%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f1f5f9;background-color:var(--bg-tertiary);border-radius:6px}::-webkit-scrollbar-thumb{background-color:#2563eb;background-color:var(--primary-color);border:2px solid #f1f5f9;border:2px solid var(--bg-tertiary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#2d62f5;background-color:var(--primary-dark)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background-color:#f1f5f9;background-color:var(--bg-tertiary);border-radius:4px;margin:8px 0}.modal-content::-webkit-scrollbar-thumb{background-color:#2563eb;background-color:var(--primary-color);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#2d62f5;background-color:var(--primary-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.estadistica-card,.pista-tipo-card,.stat-card{animation:fadeInUp .4s ease-out}.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)}}@media print{.admin-poli-container{max-width:100%;padding:0}.acciones,.add-pista-btn,.admin-poli-header,.dark-mode-toggle,.export-button,.modal-overlay,.tabs-section{display:none}.content-area{border:none;box-shadow:none}body{background:#fff;color:#000}.estadistica-card,.stat-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{animation:fadeIn .2s ease;will-change:opacity}.modal-content{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;min-width:400px;overflow-y:auto;padding:24px;will-change:transform,opacity}.modal-header{margin-bottom:20px}.modal-header button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.modal-icon{font-size:48px;margin-bottom:16px;text-align:center}.modal-input{margin:20px 0}.modal-input label{display:block;font-weight:500;margin-bottom:8px}.modal-input input,.modal-input textarea{border:1px solid;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.modal-input textarea{min-height:80px;resize:vertical}.modal-input input:focus,.modal-input textarea:focus{border-color:#2563eb;border-color:var(--primary-color,#4f46e5)}.modal-note{font-size:12px;margin-top:5px}.modal-details{background-color:#f1f5f9;background-color:var(--surface-light,#f1f5f9);border-radius:8px;font-size:14px;margin:16px 0;padding:12px 16px}.modal-details div{margin:4px 0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-cancel,.modal-confirm{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-cancel:hover{opacity:.9}.modal-confirm:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.pista-form{margin:20px 0}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-info{background-color:#f1f5f9;background-color:var(--surface-light,#f1f5f9);border-left:3px solid #4f46e5;border-left:3px solid var(--primary,#4f46e5);border-radius:6px;padding:10px}.error-message{animation:shake .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}button{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,background-color}input,select,textarea{will-change:border-color,box-shadow}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--text-muted,#9ca3af);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary,#6b7280)}.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:2px solid #0000;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;border-radius:12px;color:#1f2937;font-family:inherit;padding:14px}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.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{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;transition:background-color .3s ease}.recuperacion-container{margin:0 auto;max-width:1200px;width:100%}.form-container{border-radius:1.5rem;margin:0 auto;max-width:500px;padding:2rem;transition:all .3s ease}.form-container-small{max-width:320px;padding:1.5rem}.form-container-medium{max-width:500px;padding:2rem}.form-container-large{max-width:550px;padding:2.5rem}.header{justify-content:space-between;margin-bottom:2rem}.back-button,.header{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:1.5rem;justify-content:center;min-width:40px;padding:.5rem;transition:background-color .2s ease}.back-button:hover:not(:disabled){background-color:#0000001a}.dark-mode-toggle{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-width:40px;padding:.5rem;transition:background-color .2s ease}.dark-mode-toggle:hover:not(:disabled){background-color:#0000001a}.header-center{flex:1 1;text-align:center}.title{font-weight:700;line-height:1.2;margin:0}.title-small{font-size:1.5rem}.title-medium{font-size:1.75rem}.title-large{font-size:2rem}.subtitle{line-height:1.5;margin:0 0 2rem;text-align:center}.subtitle-small{font-size:.875rem}.subtitle-medium{font-size:1rem}.subtitle-large{font-size:1.125rem}.pasos-container{justify-content:center;margin-bottom:2rem}.paso-circulo,.paso-linea,.pasos-container{align-items:center;display:flex;position:relative}.paso-circulo{border:2px solid;border-radius:50%;height:36px;justify-content:center;transition:all .3s ease;width:36px;z-index:2}.paso-texto{font-size:.875rem;font-weight:600;transition:color .3s ease}.paso-conector{height:2px;transition:background-color .3s ease;width:60px}.recuperacion-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.input{border:2px solid;border-radius:.75rem;box-sizing:border-box;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.input-small{font-size:.9375rem;padding:.75rem .875rem}.input-medium{font-size:1rem;padding:.875rem 1rem}.input-large{font-size:1.0625rem;padding:1rem 1.125rem}.input:focus{border-color:inherit;box-shadow:0 0 0 3px #6366f11a}.input:disabled{cursor:not-allowed;opacity:.6}.password-container{position:relative;width:100%}.password-input{padding-right:3rem}.eye-button{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;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}.button{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.button-small{font-size:.9375rem;padding:.75rem 1.25rem}.button-medium{font-size:1rem;padding:.875rem 1.5rem}.button-large{font-size:1.0625rem;padding:1rem 1.75rem}.button:hover:not(:disabled){box-shadow:0 6px 12px #6366f166!important;transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{box-shadow:none!important;transform:none!important}.button-disabled,.button:disabled{cursor:not-allowed;opacity:.6}.button-icon{font-size:1.25rem;line-height:1}.button-text{font-weight:600;transition:color .3s ease}.button-text-small{font-size:.9375rem}.button-text-medium{font-size:1rem}.button-text-large{font-size:1.0625rem}.loading-container{gap:.75rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}.reenviar-button{background:none;border:none;border-radius:.5rem;cursor:pointer;display:block;font-size:.875rem;margin-top:.5rem;padding:.5rem;text-align:center;transition:all .2s ease;width:100%}.reenviar-button:hover:not(:disabled){text-decoration:underline}.reenviar-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{align-items:center;background:#0000;border:2px solid;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.secondary-button-small{font-size:.9375rem;padding:.75rem 1.25rem}.secondary-button-medium{font-size:1rem;padding:.875rem 1.5rem}.secondary-button-large{font-size:1.0625rem;padding:1rem 1.75rem}.secondary-button:hover:not(:disabled){background-color:#6366f10d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.secondary-button:active:not(:disabled){transform:translateY(0)}.secondary-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.secondary-button-text{font-weight:600;transition:color .3s ease}.secondary-button-text-small{font-size:.9375rem}.secondary-button-text-medium{font-size:1rem}.secondary-button-text-large{font-size:1.0625rem}.divider{align-items:center;display:flex;margin:1.5rem 0}.divider-small{margin:1.25rem 0}.divider-medium{margin:1.5rem 0}.divider-large{margin:1.75rem 0}.divider-line{flex:1 1;height:1px}.divider-text{color:#6b7280;font-size:.875rem;font-weight:500;padding:0 1rem}.error-container,.exito-container{align-items:center;animation:slideIn .3s ease;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon,.exito-icon{flex-shrink:0;font-size:1.25rem}.error-text,.exito-text{flex:1 1;font-size:.9375rem;line-height:1.4}@media (max-width:640px){.recuperacion-overlay{padding:.5rem}.form-container-large,.form-container-medium,.form-container-small{border-radius:1rem;padding:1.5rem}.title-large,.title-medium,.title-small{font-size:1.5rem}.subtitle-large,.subtitle-medium,.subtitle-small{font-size:.875rem}.paso-circulo{height:32px;width:32px}.paso-conector{width:50px}}@media (max-width:375px){.form-container{padding:1.25rem}.title{font-size:1.375rem}.subtitle{font-size:.8125rem}.paso-circulo{height:28px;width:28px}.paso-conector{width:40px}.button,.input,.secondary-button{font-size:.9375rem;padding:.75rem 1rem}}.password-strength-info{background-color:#9ca3af1a;border-radius:.5rem;padding:.5rem;text-align:center}input[type=email],input[type=password],input[type=text]{box-sizing:border-box;max-width:100%}button:focus-visible,input:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}button{min-height:44px;touch-action:manipulation}@media (prefers-color-scheme:dark){.recuperacion-overlay:not(.dark-mode) .form-container{background-color:#1e293b;color:#f1f5f9}}.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;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{background:none;border:none;color:#b0bec5;font-size:20px;height:32px;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}.btn-pagar:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 20px #4caf5066}.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}.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{background:#fff;border-left:5px solid #b0bec5;border-radius:12px;box-shadow:0 2px 8px #0000000d;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;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}.historial-detalles{align-items:center;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-radius:8px;color:#424242;font-weight:600;min-width:80px;padding:10px 24px}.btn-ver-historial:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);color:#212121}.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}}.advertencia-container{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #ffc10733;margin:20px 0;padding:16px}.advertencia-header{align-items:center;display:flex;margin-bottom:10px}.advertencia-icon{font-size:24px;margin-right:10px}.advertencia-titulo{color:#856404;font-size:18px;font-weight:700}.advertencia-texto{color:#856404;line-height:1.5;margin-bottom:12px}.advertencia-reservas{background:#ffffffb3;border-radius:8px;padding:12px}.advertencia-item{align-items:center;border-bottom:1px dashed #85640433;display:flex;justify-content:space-between;padding:6px 0}.advertencia-item:last-child{border-bottom:none}.advertencia-tiempo{color:#e63946;font-size:14px;font-weight:600}.expiracion-cercana{background:linear-gradient(135deg,#fff9db,#fff3bf);border:2px solid #ffc107!important}.expiracion-badge{animation:pulse 2s infinite;color:#e63946}.expiracion-alerta{background:#ffeaa7;border-left:4px solid #ffc107;border-radius:6px;font-size:14px;padding:8px 12px}.expiracion-info{color:#e63946;display:block;font-size:14px;font-weight:600;margin-top:8px}.tiempo-pendiente{border-top:1px dashed #ddd;color:#666;margin-top:12px;padding-top:8px}.confirmada-actions{display:flex;gap:10px}.btn-cancelar-confirmada{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.btn-cancelar-confirmada:hover:not(:disabled){background:#f1b0b7;border-color:#ed969e}.btn-cancelar-confirmada:disabled{cursor:not-allowed;opacity:.6}.motivo-cancelacion{color:#666;font-size:12px;margin-left:4px}.card-badge{align-items:center;display:flex;gap:4px}.reserva-card .card-header{align-items:flex-start;margin-bottom:15px}.btn-cancelar-card{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:50%;color:#721c24;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.btn-cancelar-card:hover:not(:disabled){background:#f1b0b7;transform:scale(1.1)}.btn-cancelar-card:disabled{cursor:not-allowed;opacity:.6}.btn-cancelar-card.disabled,.btn-cancelar-confirmada.disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed;opacity:.5}.no-cancelar-card{align-items:center;background-color:#f0f0f0;border-radius:50%;color:#888;cursor:not-allowed;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.no-cancelacion-alerta{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;padding:8px 12px}.confirmada-no-cancelacion{background-color:#f8f9fa;border-left:3px solid #ffc107;border-radius:4px;margin-top:8px;padding:6px 10px}.no-cancelacion-text{align-items:center;color:#856404;display:flex;font-size:12px;gap:4px}.btn-cancelar-confirmada.disabled{border:1px solid #dee2e6;cursor:not-allowed}.btn-cancelar-confirmada.disabled,.btn-cancelar-confirmada.disabled:hover{background-color:#e9ecef;color:#adb5bd}.reserva-card .card-header{align-items:center;display:flex;justify-content:space-between}.confirmada-content .no-cancelacion-text:before{content:"⚠️";margin-right:4px}.confirmadas-section{margin-bottom:40px;order:1}.activas-section{margin-bottom:40px;order:2}.historial-section{order:3}.pendiente-badge{background-color:#ffc107;color:#856404}.confirmada-badge{background-color:#28a745;color:#fff}.reserva-card.confirmada{border:2px solid #28a745}.reserva-card.confirmada .card-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.reserva-card.confirmada .card-badge,.reserva-card.pendiente .card-badge{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:5px;padding:8px 16px}.reserva-card.pendiente .card-badge{background:linear-gradient(135deg,#ffc107,#ff9800);color:#856404}.content-container{display:flex;flex-direction:column}.reservas-section h2{color:#333;font-size:24px;margin-bottom:8px}.section-subtitle{color:#666;display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:20px}.expiracion-info{background-color:#ffe6e6;border-radius:4px;color:#dc3545;display:inline-block;font-weight:500;margin-top:5px;padding:4px 8px}.reservas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.btn-pagar{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.btn-pagar:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 4px 12px #0056b34d;transform:translateY(-2px)}.btn-ver-detalles{align-items:center;background:linear-gradient(135deg,#6c757d,#545b62);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.btn-ver-detalles:hover{background:linear-gradient(135deg,#545b62,#3d4246);box-shadow:0 4px 12px #545b624d;transform:translateY(-2px)}.expiracion-alerta{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:10px}.expiracion-cercana{animation:pulse 2s infinite;border:2px solid #ffc107}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.expiracion-badge{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.no-cancelacion-alerta{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-left:4px solid #ffc107;border-radius:4px;color:#856404;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:10px}@media (max-width:768px){.reservas-grid{grid-template-columns:1fr}.header-with-back{align-items:flex-start;flex-direction:column;gap:15px}.header-content-main{width:100%}.filtros-container{flex-direction:column}.filtro-group{width:100%}}@media (max-width:480px){.reserva-card{margin:10px 0}.card-header{align-items:flex-start;flex-direction:column;gap:10px}.btn-cancelar-card{align-self:flex-end;margin-top:-35px}}.historial-header{background-color:#f8f9fa;border-radius:10px;margin-bottom:15px;padding:15px 20px;transition:all .3s ease}.historial-header:hover{background-color:#e9ecef;transform:translateY(-2px)}.historial-title-container{align-items:center;display:flex;gap:10px;margin-bottom:5px}.historial-toggle-icon{color:#6c757d;font-size:18px;margin-left:10px;transition:transform .3s ease}.historial-header:hover .historial-toggle-icon{color:#495057}.historial-container{animation:slideDown .3s ease-out;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:10px;max-height:500px;overflow-y:auto;padding:15px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.historial-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.historial-item:last-child{border-bottom:none}.historial-item:hover{background-color:#f8f9fa;border-radius:6px}.historial-content{flex-grow:1;margin-right:15px}.historial-pista{color:#333;font-weight:600}.historial-detalles,.historial-polideportivo{color:#6c757d;font-size:14px}.historial-detalles{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.historial-estado{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.historial-estado.cancelada{background-color:#f8d7da;color:#721c24}.historial-estado.pasada{background-color:#e2e3e5;color:#383d41}.motivo-cancelacion{font-size:11px;font-style:italic;opacity:.8}.btn-ver-historial{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-ver-historial:hover{background-color:#5a6268;transform:translateY(-2px)}.historial-section .section-subtitle{color:#6c757d;font-size:13px;font-style:italic;margin-top:5px}.historial-container::-webkit-scrollbar{width:6px}.historial-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.historial-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.historial-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.historial-item{align-items:flex-start;flex-direction:column;gap:10px}.btn-ver-historial{align-self:flex-end}.historial-detalles{flex-direction:column;gap:5px}}.App{min-height:100vh}
/*# sourceMappingURL=main.16f03b66.css.map*/