@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";.complete-profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.complete-profile-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.modal-header p{color:#6b7280;font-size:.875rem;margin:0}.complete-profile-modal .form-group{margin-bottom:1.5rem}.complete-profile-modal label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.complete-profile-modal input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.complete-profile-modal input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.complete-profile-modal input:disabled{background-color:#f9fafb;cursor:not-allowed}.complete-profile-modal .error{color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-actions .btn-secondary{background-color:#f3f4f6;color:#374151}.modal-actions .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.modal-actions .btn-primary{background-color:#3b82f6;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background-color:#2563eb}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.complete-profile-modal{padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background-color:#fff;border-radius:12px;padding:30px;width:100%;max-width:400px;position:relative;box-shadow:0 4px 20px #00000026}.auth-modal.standalone{box-shadow:none;padding:20px 0;max-width:100%}.auth-modal h2{margin-bottom:20px;text-align:center;color:#333}.btn-google{width:100%;background-color:#4285f4;color:#fff;padding:12px;border:none;border-radius:5px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .3s}.btn-google:hover{background-color:#357ae8}.btn-google:disabled{background-color:#ccc;cursor:not-allowed}.btn-google i{font-size:1.2rem}.divider{text-align:center;margin:15px 0;position:relative;color:#666}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#ddd}.divider:before{left:0}.divider:after{right:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#4285f4}.form-group input:disabled{background-color:#f5f5f5}.btn-primary{width:100%;background-color:#222;color:#fff;padding:12px;border:none;border-radius:5px;font-weight:600;margin-top:10px;cursor:pointer;transition:background-color .3s}.btn-primary:hover{background-color:#333}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.error{color:#d32f2f;text-align:center;margin:10px 0;font-size:.9rem}.toggle-auth{text-align:center;margin-top:20px;color:#666;font-size:.9rem}.text-button{background:none;border:none;color:#4285f4;cursor:pointer;font-weight:600;padding:0;margin-left:5px}.text-button:hover{text-decoration:underline}.text-button:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.btn-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px}.btn-close:hover{color:#333}.btn-close:disabled{color:#ccc;cursor:not-allowed}header{position:absolute;top:0;width:100%;z-index:1000;padding:20px 0;background-color:transparent}header .container{display:flex;justify-content:space-between;align-items:center}.logo img{width:40px;height:40px}.login a,.login button{color:#fff;text-decoration:none;padding:10px 20px;border:2px solid white;border-radius:5px;font-weight:500;transition:background-color .3s ease,color .3s ease;background:transparent;cursor:pointer;font-size:.9rem}.login a:hover,.login button:hover{background-color:#fff;color:#222}.user-menu{display:flex;align-items:center;gap:15px}.user-menu span{color:#fff}.admin-link,.reservations-link{color:#fff;padding:10px 20px;border:2px solid white;border-radius:5px;background-color:transparent;transition:background-color .3s ease,color .3s ease;font-size:.9rem;font-weight:500}.admin-link:hover,.reservations-link:hover{background-color:#fff;color:#222}.hero{height:90vh;min-height:400px;background:linear-gradient(to right,#0006,#0000004d),url(/assets/hero-C5NQxlud.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:80px;margin-bottom:80px;position:relative}.hero h1{font-size:4rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px}.hero p{font-size:1.2rem;margin-bottom:30px}.btn{padding:15px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;background:#2e7d32;color:#fff}.btn:hover{transform:translateY(-2px);background:#296f2c}.scroll-down{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:2rem;color:#fff}.scroll-down span{display:inline-block;animation:bounce 2s infinite}@media (max-width: 768px){.hero h1{font-size:3rem}}.time-grid-selector{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;margin:20px 0;border:1px solid #e9ecef}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#707070;color:#fff}.court-info-header{flex:1}.court-title{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#fff}.court-subtitle{margin:0;font-size:.95rem;opacity:.9;color:#fff}.sport-selector{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.sport-icon{font-size:1.4rem}.sport-select{background:transparent;border:none;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;outline:none;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.sport-select:hover{background:#ffffff1a}.sport-select option{background:#8e8e8e;color:#fff;font-weight:600}.week-navigation{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.nav-arrow{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:3px solid #667eea;background:#667eea;color:#fff;font-size:2rem;font-weight:700;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #667eea4d;min-width:50px;min-height:50px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10}.nav-arrow:hover:not(.disabled){background:#5a6fd8;border-color:#5a6fd8;color:#fff;transform:scale(1.1);box-shadow:0 8px 20px #667eea66}.nav-arrow:focus:not(.disabled){outline:3px solid #4a5568;outline-offset:2px}.nav-arrow:active:not(.disabled){transform:scale(.95);box-shadow:0 2px 8px #667eea4d}.nav-arrow.disabled{background:#e9ecef;color:#adb5bd;border-color:#dee2e6;cursor:not-allowed;box-shadow:0 2px 4px #0000001a;transform:none}.days-container{display:flex;gap:8px;flex:1;justify-content:center;align-items:center}.day-button{flex:0 0 auto;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:none;background:#fff;cursor:pointer;border-radius:12px;transition:all .3s ease;min-height:70px;box-shadow:0 2px 8px #0000000d}.day-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.day-button.today{background:#667eea;color:#fff;box-shadow:0 4px 16px #667eea4d}.day-button.selected{background:#28a745;color:#fff;box-shadow:0 4px 16px #28a7454d}.day-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.day-number{font-size:1.3rem;font-weight:700}.selected-date-display{padding:20px 24px;background:#fff;border-bottom:1px solid #e9ecef}.date-info{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.calendar-icon{font-size:1.2rem}.current-date{font-weight:600;color:#333;font-size:1.1rem}.time-grid-container{padding:24px;background:url(../../assets/cancha-1.jpg) center / cover no-repeat}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.time-slot{height:70px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;overflow:hidden}.time-slot:hover:not(.booked){border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.time-slot.selected{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 12px 32px #667eea4d}.time-slot.booked{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.7}.time-slot.past{background:#fff5f5;border-color:#fed7d7;color:#c53030;cursor:not-allowed;opacity:.8}.time-slot.disabled{cursor:not-allowed;pointer-events:none}.time-slot-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.time-hour{font-size:.9rem;font-weight:600}.booked-text{font-size:.75rem;font-weight:500;opacity:.8}.past-text{font-size:.75rem;font-weight:500;color:#c53030;opacity:.9}.selected-text{font-size:.75rem;font-weight:600;color:#fff}.selector-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-top:1px solid #e9ecef}.info-text{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6c757d}.info-icon{color:#667eea;font-weight:700;font-size:1.1rem}.legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6c757d;font-weight:500}.legend-color{width:20px;height:20px;border-radius:6px;border:2px solid #e9ecef}.legend-color.available{background:#fff}.legend-color.booked{background:#f8f9fa}.legend-color.selected{background:#667eea}.legend-color.past{background:#fff5f5;border-color:#fed7d7}@media (max-width: 768px){.time-grid-selector{margin:10px 0;border-radius:12px}.selector-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.court-info-header{text-align:center}.sport-selector{align-self:center}.week-navigation{gap:16px;padding:20px 16px;justify-content:space-between}.nav-arrow{width:60px;height:60px;font-size:2.2rem;min-width:60px;min-height:60px;background:#667eea;color:#fff;box-shadow:0 8px 20px #667eea66;border:3px solid #667eea;z-index:20}.nav-arrow:hover:not(.disabled){background:#5a6fd8;transform:scale(1.08);box-shadow:0 5px 15px #667eea59}.nav-arrow.disabled{background:#e9ecef;color:#adb5bd;border-color:#dee2e6;box-shadow:0 2px 4px #0000001a}.days-container{gap:12px}.day-button{min-width:80px;min-height:70px;padding:12px 6px}.selected-date-display{padding:16px}.date-info{padding:12px 16px}.current-date{font-size:1rem}.time-grid-container{padding:16px}.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.time-slot{height:65px}.selector-footer{flex-direction:column;gap:16px;align-items:flex-start;padding:16px}.legend{flex-wrap:wrap;gap:12px}}@media (max-width: 480px){.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:6px}.time-slot{height:55px}.time-hour{font-size:.8rem}.nav-arrow{width:65px;height:65px;font-size:2.5rem;min-width:65px;min-height:65px;background:#667eea;color:#fff;box-shadow:0 10px 25px #667eea80;border:4px solid #667eea;z-index:30}.nav-arrow:hover:not(.disabled){background:#5a6fd8;transform:scale(1.05);box-shadow:0 6px 16px #667eea66}.nav-arrow.disabled{background:#e9ecef;color:#adb5bd;border-color:#dee2e6;box-shadow:0 2px 4px #0000001a}.day-button{min-width:70px;min-height:60px;padding:10px 4px}.day-name{font-size:.8rem}.day-number{font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.time-slot{animation:fadeIn .3s ease-out}.time-slot:nth-child(odd){animation-delay:.1s}.time-slot:nth-child(2n){animation-delay:.2s}.time-grid-container::-webkit-scrollbar{height:6px}.time-grid-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-grid-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.time-grid-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 480px){.nav-arrow{width:48px;height:48px;font-size:1.5rem;min-width:48px;min-height:48px;background:#4a5568;border-color:#4a5568;box-shadow:0 4px 12px #4a55684d}.nav-arrow:hover:not(.disabled){background:#2d3748;border-color:#2d3748;box-shadow:0 6px 16px #4a556866}.nav-arrow.disabled{background:#e2e8f0;color:#a0aec0;border-color:#cbd5e0}.week-navigation{padding:16px 12px;gap:12px}.days-container{gap:6px}}@media (hover: none) and (pointer: coarse){.nav-arrow{width:50px;height:50px;min-width:50px;min-height:50px;font-size:1.6rem}.nav-arrow:hover:not(.disabled){transform:none}.nav-arrow:active:not(.disabled){transform:scale(.95);background:#2d3748;border-color:#2d3748}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.booking-modal{background-color:#fff;border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 20px #0003;animation:modalFadeIn .3s ease-out}.booking-modal h3{color:#2d2d42;margin-bottom:1.5rem;text-align:center;font-size:1.5rem;border-bottom:2px solid #25D366;padding-bottom:.5rem}.booking-modal p{margin-bottom:1rem;color:#555;text-align:center;font-size:1.1rem}.form-group select{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s;background-color:#f9f9f9}.form-group select:focus{outline:none;border-color:#25d366}.resumen-pago{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.resumen-pago h4{color:#2d2d42;margin-bottom:1rem;text-align:center}.resumen-pago p{margin-bottom:.5rem;display:flex;justify-content:space-between}.resumen-pago .total{font-weight:700;font-size:1.2rem;color:#25d366;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed #ccc}.modal-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.8rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.modal-actions button:first-child{background-color:#f5f5f5;color:#333;border:2px solid #e0e0e0}.modal-actions button:first-child:hover{background-color:#e0e0e0}.modal-actions button:last-child{background-color:#25d366;color:#fff;border:2px solid #25D366}.modal-actions button:last-child:hover{background-color:#1fa955;border-color:#1fa955}.modal-actions button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.transferencia-info{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;margin:1rem 0}.transferencia-info h4{color:#2d2d42;margin-bottom:1rem;text-align:center;font-size:1.2rem}.transferencia-datos{display:flex;flex-direction:column;gap:.8rem}.dato-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#fff;border-radius:6px;border:1px solid #dee2e6}.dato-item strong{color:#495057;font-weight:600;min-width:80px}.dato-valor{color:#2d2d42;font-family:Courier New,monospace;font-weight:600;margin:0 .5rem;flex:1;text-align:center}.btn-copiar{background-color:#25d366;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-copiar:hover{background-color:#1fa955}.transferencia-nota{margin-top:1rem;padding:.8rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.transferencia-nota p{margin:0;color:#856404;font-size:.9rem;text-align:center}.reserva-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:20px}.reserva-info p{margin:8px 0;font-size:.95rem;color:#495057}.reserva-info strong{color:#212529;font-weight:600}.form-group input[type=text]{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text]::placeholder{color:#adb5bd}.form-group small{display:block;margin-top:4px;font-size:.8rem;color:#6c757d}.form-group label[for*=cliente]:after{content:" *";color:#dc3545;font-weight:700}@media (max-width: 480px){.booking-modal{padding:1.5rem;max-height:85vh}.modal-overlay{padding:10px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.dato-item{flex-direction:column;gap:.5rem;text-align:center}.dato-item strong{min-width:auto}.btn-copiar{width:40px;height:40px;margin-top:.5rem}}.alert-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.alert-modal{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:alertSlideIn .3s ease-out;border:3px solid}.alert-modal.error{border-color:#e74c3c}.alert-modal.warning{border-color:#f39c12}.alert-modal.success{border-color:#27ae60}.alert-modal.info{border-color:#3498db}.alert-header{display:flex;align-items:center;padding:20px 25px 15px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.alert-icon{font-size:2rem;margin-right:15px;animation:alertIconBounce .6s ease-out}.alert-title{margin:0;font-size:1.4rem;font-weight:600;color:#2c3e50;flex:1}.alert-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.alert-close:hover{background-color:#e9ecef;color:#495057;transform:scale(1.1)}.alert-content{padding:25px;text-align:center}.alert-message{margin:0;font-size:1.1rem;line-height:1.6;color:#495057;white-space:pre-line}.alert-footer{padding:15px 25px 25px;text-align:center;border-top:1px solid #eee;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.alert-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.alert-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0056b3,#004085)}.alert-btn:active{transform:translateY(0)}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes alertIconBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@media (max-width: 768px){.alert-modal{width:95%;margin:20px}.alert-header{padding:15px 20px 10px}.alert-content{padding:20px}.alert-footer{padding:10px 20px 20px}.alert-title{font-size:1.2rem}.alert-message{font-size:1rem}}.alert-modal.error .alert-header{background:linear-gradient(135deg,#fee,#fcc)}.alert-modal.warning .alert-header{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.alert-modal.success .alert-header{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.alert-modal.info .alert-header{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.alert-modal.error .alert-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.alert-modal.error .alert-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226)}.alert-modal.warning .alert-btn{background:linear-gradient(135deg,#f39c12,#e67e22)}.alert-modal.warning .alert-btn:hover{background:linear-gradient(135deg,#e67e22,#d35400)}.alert-modal.success .alert-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.alert-modal.success .alert-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60)}.alert-modal.info .alert-btn{background:linear-gradient(135deg,#3498db,#2980b9)}.alert-modal.info .alert-btn:hover{background:linear-gradient(135deg,#2980b9,#1f618d)}.subscription-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.subscription-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.modal-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.subscription-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.disabled-input{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed;border-color:#dee2e6!important}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input[type=time]{font-family:inherit}.price-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin:24px 0;border:1px solid #dee2e6}.price-summary h3{margin:0 0 16px;color:#333;font-size:1.2rem;font-weight:600}.price-details{display:flex;flex-direction:column;gap:8px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.price-item span:first-child{color:#666}.price-item span:last-child{font-weight:600;color:#333}.price-item.discount span:last-child{color:#dc3545}.price-item.total{border-top:2px solid #dee2e6;margin-top:8px;padding-top:12px;font-size:1.1rem;font-weight:700}.price-item.total span:last-child{color:#28a745;font-size:1.2rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.alert{margin:0 24px 20px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:.9rem}.form-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-section h3{margin:0 0 20px;color:#333;font-size:1.2rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.btn-add{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn-add:hover{background:#218838}.suscripcion-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:15px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.item-header h4{margin:0;color:#333;font-size:1.1rem}.btn-remove{background:#dc3545;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#c82333}@media (max-width: 768px){.subscription-modal{margin:10px;max-height:95vh}.form-row{grid-template-columns:1fr;gap:12px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.modal-header{padding:20px 20px 0}.subscription-form{padding:0 20px 20px}.alert{margin:0 20px 16px}.section-header{flex-direction:column;gap:10px;align-items:stretch}.btn-add{width:100%}}.subscription-modal::-webkit-scrollbar{width:6px}.subscription-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.subscription-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.subscription-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.reservation-section{padding:4rem 0;background-color:#f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.reservation-section h2{margin:0;color:#2d2d42}.btn-subscription{background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-subscription:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.reservation-controls{display:flex;justify-content:center;margin-bottom:2rem}.reservation-controls .form-group{max-width:300px;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group select{width:100%;padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;font-weight:500;background-color:#fff;color:#333;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.form-group select:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.form-group select option{padding:8px 12px;font-weight:500}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:4px;text-align:center}.alert.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}@media (max-width: 768px){.reservation-controls{padding:0 1rem}.reservation-controls .form-group{max-width:100%}.reservation-section{padding:2rem 0}}.about-section{padding:5rem 0;background-color:#f8f9fa}.about-container{width:90%;max-width:1200px;margin:0 auto}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-size:2.2rem;color:#2d2d42;position:relative;display:inline-block;padding-bottom:1rem}.section-title h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:80px;height:3px;background-color:#25d366}.about-content{display:flex;align-items:center;gap:3rem}.about-image{flex:1;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.about-image img{width:100%;height:auto;display:block;transition:transform .5s}.about-image:hover img{transform:scale(1.05)}.about-text{flex:1}.about-text h3{font-size:1.5rem;margin-bottom:1.5rem;color:#2d2d42}.about-text p{margin-bottom:1.5rem;color:#555;line-height:1.8}.about-features{margin-top:2rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-icon{color:#25d366;font-size:1.5rem;margin-top:.2rem}.feature-text h4{font-size:1.1rem;margin-bottom:.5rem;color:#2d2d42}.feature-text p{margin-bottom:0;color:#666}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.about-card{background-color:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s,box-shadow .3s}.about-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.about-card i{font-size:2.5rem;color:#25d366;margin-bottom:1.5rem}.about-card h3{font-size:1.3rem;margin-bottom:1rem;color:#2d2d42}.about-card p{color:#666;line-height:1.7}@media (max-width: 992px){.about-content{flex-direction:column}.about-image,.about-text{flex:none;width:100%}}@media (max-width: 768px){.about-section{padding:3rem 0}.section-title h2{font-size:1.8rem}}.gallery-section{width:100%;overflow:hidden}footer{background-color:#2d2d42;color:#fff;padding:3rem 0;font-family:Montserrat,sans-serif}.footer-container{text-align:center;width:90%;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-container .copyright{font-size:.9rem;color:#b3b3b3}.footer-container .creditos{font-size:.9rem;margin-top:.5rem}.footer-container .creditos a{color:#25d366;text-decoration:none;font-weight:600}.footer-container .creditos a:hover{text-decoration:underline}@media (max-width: 768px){.footer-container{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-container{grid-template-columns:1fr}.footer-column{margin-bottom:1.5rem}}.home-page{display:flex;flex-direction:column;min-height:100vh;background-color:#dcdcdca8}.main-container{flex:1;display:flex;flex-direction:column}.reserva{padding:80px 0;background-color:#f8f9fa}.reserva h2{text-align:center;margin-bottom:40px;font-size:2rem;color:#333}.reserva p{text-align:center;margin-bottom:20px;color:#666;font-size:1.1rem}.card{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 10px #0000000f;margin-bottom:20px}.card h2{margin-bottom:20px;color:#222;font-size:1.5rem}.card ul{list-style-type:none}.card ul li{margin-bottom:10px;color:#555}.card ul li strong{color:#333}.about-layout{display:flex;gap:30px;margin-top:40px}.info-cards{display:flex;flex-direction:column;gap:20px;width:30%}.card.mapa{width:70%;padding:0;border:none;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000000f}.social-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.btn-social.whatsapp{background-color:#25d366}.btn-social.instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045)}.btn-social.gmail{background-color:#d44638}.btn-social:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.btn-social i{font-size:1.2rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr)}.gallery-item{position:relative;overflow:hidden;aspect-ratio:1/1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.about-layout{flex-direction:column}.info-cards{width:100%}.card.mapa{width:100%;min-height:300px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.reserva{padding:50px 0}.gallery-grid{grid-template-columns:1fr}}.notifications-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:15px}.tab-btn{background:transparent;border:2px solid #e0e0e0;color:#666;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.tab-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.tab-btn.active{background:#667eea;border-color:transparent;color:#fff}.notification-form-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{margin:0 0 .5rem;color:#333;font-size:1.8rem}.form-header p{margin:0;color:#666;font-size:1rem}.notification-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.message{padding:1rem;border-radius:10px;font-weight:500;text-align:center}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{background:#667eea;color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-users{padding:1rem;text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#666}.loading-users p{margin:0;font-size:.9rem}.form-group select option{padding:.5rem;font-size:.9rem}.historial-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.historial-header h2{margin:0;color:#333;font-size:1.8rem}.refresh-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.refresh-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem;color:#666}.historial-list{display:flex;flex-direction:column;gap:1.5rem}.historial-item{background:#fff;border-radius:15px;padding:1.5rem;border-left:4px solid #667eea}.notif-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.notif-icon{font-size:2rem}.notif-info h3{margin:0 0 .5rem;color:#333;font-size:1.1rem}.notif-meta{display:flex;gap:1rem;font-size:.8rem;color:#666}.notif-tipo,.notif-destinatarios,.notif-fecha{background:#f8f9fa;padding:.25rem .5rem;border-radius:5px}.notif-stats{margin-left:auto}.estado{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.estado.enviado{background:#d4edda;color:#155724}.estado.error{background:#f8d7da;color:#721c24}.notif-details{border-top:1px solid #e0e0e0;padding-top:1rem}.notif-mensaje{color:#555;line-height:1.6;margin-bottom:1rem}.notif-numbers{display:flex;gap:1rem;font-size:.9rem;color:#666}.stats-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-header h2{margin:0;color:#333;font-size:1.8rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stats-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stats-section h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem}.tipo-stats{display:flex;flex-direction:column;gap:.75rem}.tipo-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.tipo-icon{font-size:1.5rem}.tipo-nombre{flex:1;font-weight:500;color:#333;text-transform:capitalize}.tipo-cantidad{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.ultimas-notificaciones{display:flex;flex-direction:column;gap:1rem}.ultima-notif{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.ultima-notif .notif-icon{font-size:1.5rem}.ultima-notif .notif-info{flex:1}.ultima-notif .notif-asunto{margin:0 0 .25rem;font-weight:500;color:#333;font-size:.9rem}.ultima-notif .notif-fecha{margin:0;color:#666;font-size:.8rem}.ultima-notif .notif-enviados{background:#e8f5e8;color:#155724;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}.loading-state{text-align:center;padding:3rem;color:#666}@media (max-width: 768px){.notifications-tabs{flex-direction:column;gap:.5rem}.form-row,.stats-details{grid-template-columns:1fr}.notif-meta,.notif-numbers{flex-direction:column;gap:.5rem}.notification-form-container,.historial-container,.stats-container{padding:1.5rem}}.admin-pricing{padding:20px;max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#757575,#909090);color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003}.pricing-header h2{margin:0 0 10px;font-size:2rem;font-weight:700}.pricing-header p{margin:0;font-size:1.1rem;opacity:.9}.pricing-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a}.pricing-controls .form-group{flex:1;margin-right:20px}.pricing-controls label{display:block;margin-bottom:8px;font-weight:600;color:#333}.pricing-controls select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .3s ease}.pricing-controls select:focus{outline:none;border-color:#757575}.pricing-actions{display:flex;gap:10px}.btn-edit,.btn-save,.btn-cancel{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-edit{background:linear-gradient(135deg,#757575,#909090);color:#fff}.btn-edit:hover{transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-save:hover{transform:translateY(-2px)}.btn-cancel{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-cancel:hover{transform:translateY(-2px)}.btn-edit:disabled,.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-content{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a}.cancha-info{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px}.cancha-se h3{margin:0 0 10px;color:#333;font-size:1.5rem}.cancha-info p{margin:5px 0;color:#666}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.pricing-section{background:#f8f9fa;border-radius:10px;padding:20px;border:2px solid #e9ecef}.pricing-section h4{margin:0 0 20px;color:#333;font-size:1.2rem;text-align:center;padding-bottom:10px;border-bottom:2px solid #dee2e6}.pricing-table{display:flex;flex-direction:column;gap:15px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.pricing-row label{font-weight:600;color:#333;min-width:80px}.price-input,.discount-input{display:flex;align-items:center;gap:5px}.price-input span,.discount-input span{font-weight:600;color:#757575}.price-input input,.discount-input input{width:100px;padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;text-align:center;transition:border-color .3s ease}.price-input input:focus,.discount-input input:focus{outline:none;border-color:#757575}.price-input input:disabled,.discount-input input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.pricing-preview{background:linear-gradient(135deg,#757575,#909090);color:#fff;border-radius:15px;padding:30px;margin-top:30px}.pricing-preview h4{margin:0 0 20px;text-align:center;font-size:1.3rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.preview-card{background:#ffffff1a;border-radius:10px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.preview-card h5{margin:0 0 15px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.preview-prices{display:flex;flex-direction:column;gap:10px}.preview-price{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:6px}.price-label{font-size:.9rem;opacity:.9}.price-value{font-weight:700;font-size:1.1rem;color:#2ecc71}.loading{text-align:center;padding:50px;font-size:1.2rem;color:#666}@media (max-width: 768px){.admin-pricing{padding:10px}.pricing-controls{flex-direction:column;gap:20px}.pricing-controls .form-group{margin-right:0;width:100%}.pricing-actions{width:100%;justify-content:center}.pricing-grid,.preview-grid{grid-template-columns:1fr}.pricing-row{flex-direction:column;gap:10px;text-align:center}.price-input,.discount-input{justify-content:center}}.pricing-section{transition:transform .3s ease,box-shadow .3s ease}.pricing-section:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.preview-card{transition:transform .3s ease}.preview-card:hover{transform:scale(1.05)}.admin-container{min-height:100vh;background:#f5f5f5;color:#333}.admin-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a;border-bottom:1px solid rgba(255,255,255,.2)}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{margin:0;font-size:2rem;font-weight:700;color:#333}.header-left p{margin:.5rem 0 0;color:#666;font-size:1rem}.header-right{display:flex;gap:1rem}.btn-back{background:#0000001a;color:#333;border:2px solid #333;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.btn-back:hover{background:#333;color:#fff;transform:translate(-2px)}.admin-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;gap:.5rem;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:35px}.nav-tab{background:transparent;border:2px solid transparent;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap;color:#666;outline:none;font-size:14px;font-family:inherit}.nav-tab:hover{background:#0000001a;color:#333;border-color:#0000004d}.nav-tab.active{background:#333;color:#fff;border-color:transparent;box-shadow:0 4px 15px #0003}.admin-content{padding:2rem;max-width:1400px;margin:0 auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-tab{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card{transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.quick-navigation{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem}.quick-navigation h3{margin:0 0 1.5rem;font-size:1.5rem;color:#333;text-align:center}.nav-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.nav-btn{background:#a0a0a0;color:#fff;border:none;padding:1rem 1.5rem;border-radius:15px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1rem;font-family:inherit}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4b4b4b66;background:#686868}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:20px;color:#fff}.stat-content h3{margin:0 0 .5rem;font-size:1rem;color:#666;font-weight:500}.stat-number{margin:0;font-size:2rem;font-weight:700;color:#333}.quick-actions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.quick-actions h3{margin:0 0 1.5rem;font-size:1.5rem;color:#333}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{background:#333;color:#fff;border:none;padding:1rem 1.5rem;border-radius:15px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.reservas-tab{display:flex;flex-direction:column;gap:3rem}.filtros-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.filtros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filtros-section h3{margin:0;font-size:1.5rem;color:#333}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filtro-item{display:flex;flex-direction:column;gap:.5rem}.filtro-item label{font-weight:500;color:#666;font-size:.9rem}.filtro-item input,.filtro-item select{padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.filtro-item input:focus,.filtro-item select:focus{outline:none;border-color:#333}.reservas-table,.usuarios-table,.ingresos-detalle,.usuarios-tab{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.reservas-table h3,.usuarios-table h3,.ingresos-detalle h3,.usuarios-tab h3{margin:0 0 1.5rem;font-size:1.5rem;color:#333}.table-container{overflow-x:auto;border-radius:15px;box-shadow:0 4px 20px #0000001a}table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}th{background:#333;color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem}td{padding:1rem;border-bottom:1px solid #f0f0f0;font-size:.9rem}tr:hover{background:#f8f9f9}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.badge.confirmada{background:#d4edda;color:#155724}.badge.pendiente{background:#fff3cd;color:#856404}.badge.cancelada{background:#f8d7da;color:#721c24}.badge.efectivo{background:#d1ecf1;color:#0c5460}.badge.transferencia{background:#d4edda;color:#155724}.badge.admin{background:#333;color:#fff}.badge.user{background:#e9ecef;color:#495057}.btn-small{background:#333;color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0 .25rem;min-width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.btn-small .icon{font-size:.9rem;font-weight:700}.btn-small:hover{background:#555;transform:scale(1.05);box-shadow:0 4px 8px #0003}.btn-small:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.actions{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center;align-items:center}.actions .btn-small{margin:.1rem;transition:all .2s ease}.actions .btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-success{background:#28a745}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover{background:#e0a800}.btn-info{background:#17a2b8}.btn-info:hover{background:#138496}.btn-primary{background:#333;color:#fff;border:none;padding:1rem 2rem;border-radius:15px;cursor:pointer;font-weight:500;font-size:1rem;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-secondary{background:#0000001a;color:#333;border:2px solid #333;padding:.75rem 1.5rem;border-radius:15px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-secondary:hover{background:#333;color:#fff}.btn-logout{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:15px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-logout:hover{background:#c82333;transform:translateY(-2px)}.ingresos-tab{display:flex;flex-direction:column;gap:3rem}.ingresos-principales{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.ingresos-principales h3{margin:0 0 2rem;font-size:1.8rem;color:#333;text-align:center}.ingresos-cards-principales{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ingreso-card-principal{background:#667eea;color:#fff;padding:2.5rem;border-radius:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.ingreso-card-principal:hover{transform:translateY(-8px);box-shadow:0 15px 40px #4b4b4b4d}.ingreso-card-principal.total{background:linear-gradient(135deg,#24ad02,#28a745)}.ingreso-card-principal.total:hover{box-shadow:0 15px 40px #24ad024d}.ingreso-icon-principal{font-size:4rem;margin-bottom:1rem;display:block}.ingreso-info-principal h4{margin:0 0 1rem;font-size:1.4rem;font-weight:600;opacity:.9}.ingreso-amount-principal{margin:0 0 .5rem;font-size:3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ingreso-subtitle{font-size:.9rem;opacity:.8;font-style:italic}.ingresos-overview,.ingresos-detalle{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.ingresos-detalle h3{margin:0 0 2rem;font-size:1.6rem;color:#333;text-align:center}.ingresos-estadisticas{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.ingresos-estadisticas h3,.ingresos-overview h3{margin:0 0 2rem;font-size:1.6rem;color:#333;text-align:center}.ingresos-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ingreso-card{background:#333;color:#fff;padding:2rem;border-radius:20px;text-align:center;transition:transform .3s ease}.ingreso-card:hover{transform:translateY(-5px)}.ingreso-card.total{background:#24ad02a7}.ingreso-card h4{margin:0 0 1rem;font-size:1.1rem;opacity:.9}.ingreso-amount{margin:0;font-size:2.5rem;font-weight:700}.usuarios-tab,.notificaciones-tab{display:flex;flex-direction:column;gap:3rem}.notificacion-form{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.notificacion-form h4{margin:0 0 1.5rem;font-size:1.3rem;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#666}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#333}.notificaciones-recientes{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.notificaciones-recientes h4{margin:0 0 1.5rem;font-size:1.3rem;color:#333}.notificaciones-list{display:flex;flex-direction:column;gap:1rem}.notificacion-item{display:flex;gap:1rem;padding:1rem;background:#f8f9f9;border-radius:15px;border-left:4px solid #333}.notificacion-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;border-radius:10px}.notificacion-content p{margin:0 0 .5rem}.notificacion-content small{color:#666;font-size:.8rem}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px}.modal-body .form-group{margin-bottom:15px}.modal-body .form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500;font-size:.9rem}.modal-body .form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.modal-body .form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.current-price{font-weight:700;color:#007bff;font-size:1.2rem;display:block;margin-top:5px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:20px;border-top:1px solid #e0e0e0}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-footer .btn-primary{background:#007bff;color:#fff}.modal-footer .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.unauthorized{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:20px;text-align:center;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:500px}.unauthorized h2{color:#dc3545;margin-bottom:1rem}.unauthorized p{color:#666;margin-bottom:.5rem}@media (max-width: 1024px){.admin-header{padding:1rem 1.5rem}.header-left h1{font-size:1.8rem}.stats-grid,.nav-buttons-grid,.filtros-grid{grid-template-columns:repeat(2,1fr)}.table-container{font-size:.9rem}}@media (max-width: 768px){.admin-container{min-height:100vh;overflow-x:hidden}.admin-header{position:relative;padding:1rem;flex-direction:column;gap:1rem;text-align:center}.header-left{flex-direction:column;gap:.5rem;text-align:center}.header-left h1{font-size:1.5rem}.header-left p{font-size:.9rem}.header-right{flex-direction:column;gap:.5rem;width:100%}.header-right button{width:100%;padding:.75rem}.btn-back{font-size:.8rem;padding:.5rem;align-self:flex-start}.admin-nav{padding:.5rem 1rem;gap:.25rem;margin-bottom:1rem;flex-wrap:wrap}.nav-tab{padding:.5rem .75rem;font-size:.8rem;min-width:auto;flex:1;text-align:center}.admin-content{padding:.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.nav-buttons-grid{grid-template-columns:1fr}.quick-navigation{padding:1.5rem}.stat-card{flex-direction:row;text-align:left;gap:1rem;padding:1.5rem}.stat-icon{font-size:2rem;min-width:50px;width:60px;height:60px}.filtros-section{padding:1rem}.filtros-header{flex-direction:column;gap:1rem;align-items:stretch}.filtros-grid{grid-template-columns:1fr;gap:1rem}.filtro-item input,.filtro-item select{padding:1rem;font-size:1rem;border-radius:8px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}table{min-width:800px;font-size:.8rem}th,td{padding:.75rem .5rem;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.btn-small{min-width:30px;height:30px;padding:.25rem;margin:.1rem}.btn-small .icon{font-size:.8rem}.ingresos-cards{grid-template-columns:1fr;gap:1rem}.ingresos-cards-principales{grid-template-columns:1fr;gap:1.5rem}.ingreso-card-principal{padding:2rem}.ingreso-amount-principal{font-size:2.5rem}.ingreso-card{padding:1.5rem;text-align:center}.notificacion-form{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;font-size:1rem;border-radius:8px;border:2px solid #e0e0e0;box-sizing:border-box}.notificacion-item{flex-direction:column;text-align:left;gap:.5rem;padding:1rem}.notificacion-icon{align-self:flex-start}.actions-grid{grid-template-columns:1fr;gap:1rem}.action-btn{padding:1rem;font-size:1rem}.btn-primary{width:100%;padding:1rem;font-size:1rem}.btn-secondary{padding:.75rem 1rem;font-size:.9rem}.loading{padding:2rem 1rem}.error-message,.unauthorized{padding:2rem 1rem;text-align:center}}@media (max-width: 480px){.admin-header{padding:.75rem}.header-left h1{font-size:1.3rem}.nav-tab{padding:.4rem .6rem;font-size:.75rem}.stat-card{padding:1rem;flex-direction:column;text-align:center;gap:1rem}.stat-number{font-size:1.5rem}.filtros-section,.reservas-table,.usuarios-table,.ingresos-detalle{padding:.75rem}table{font-size:.7rem}th,td{padding:.5rem .25rem}.btn-small{min-width:25px;height:25px}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:.9rem}.notificacion-item{flex-direction:column;text-align:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.auth-container{display:flex;max-width:1000px;width:90%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.auth-hero{flex:1;background:linear-gradient(to right,#0009,#00000080),url(/src/assets/hero.jpg) center/cover no-repeat;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-hero h1{font-size:2.5rem;margin-bottom:15px}.auth-hero p{font-size:1.1rem;opacity:.9}.auth-form-container{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-form-container h2{margin-bottom:20px;text-align:center;color:#333}@media (max-width: 768px){.auth-container{flex-direction:column}.auth-hero{padding:30px 20px;text-align:center}.auth-form-container{padding:30px 20px}}.my-reservations-container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;position:relative}.btn-back{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.btn-back:hover{background-color:#5a6268}.my-reservations-container h2{text-align:center;color:#333;margin:0;font-size:2rem;flex:1}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}.tabs{display:flex;background:#f8f9fa;border-radius:8px;padding:4px;margin-bottom:30px;border:1px solid #e9ecef}.tab{flex:1;padding:12px 24px;border:none;background:transparent;color:#666;font-size:1rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab.active{background:#fff;color:#333;box-shadow:0 2px 4px #0000001a}.tab:hover:not(.active){background:#ffffff80;color:#333}.reservas-grid,.suscripciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.reserva-card,.suscripcion-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;position:relative}.reserva-card:hover,.suscripcion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.card-header h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.header-badges{display:flex;gap:8px;flex-wrap:wrap}.card-details{margin-bottom:20px}.card-details p{margin:8px 0;color:#666;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.card-details strong{color:#333;font-weight:600}.card-actions{display:flex;justify-content:flex-end;gap:10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-confirmed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-cancelled{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-completed{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-expired{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-pending{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-default{background-color:#e9ecef;color:#495057;border:1px solid #dee2e6}.badge-subscription{background-color:#007bff;color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.btn-cancel{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease}.btn-cancel:hover{background-color:#c82333}.reserva-card.cancelada,.suscripcion-card.cancelada,.suscripcion-card.vencida{opacity:.7;background-color:#f8f8f8}.reserva-card.confirmada,.suscripcion-card.activa{border-left:4px solid #28a745}.reserva-card.cancelada,.suscripcion-card.cancelada{border-left:4px solid #dc3545}.suscripcion-card.vencida{border-left:4px solid #ffc107}.reserva-card.pasada{opacity:.7;background-color:#f8f9fa;border-color:#dee2e6;border-left:4px solid #6c757d}.reserva-card.pasada .card-header h3,.reserva-card.pasada .card-details{color:#6c757d}.reserva-card.cancelada{opacity:.7;background-color:#f8f9fa;border-color:#dee2e6;border-left:4px solid #dc3545}.reserva-card.cancelada .card-header h3,.reserva-card.cancelada .card-details{color:#6c757d}.no-items{text-align:center;color:#666;font-style:italic;padding:40px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}@media (max-width: 768px){.my-reservations-container{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.btn-back{align-self:flex-start}.tabs{flex-direction:column}.tab{text-align:center}.reservas-grid,.suscripciones-grid{grid-template-columns:1fr;gap:15px}.reserva-card,.suscripcion-card{padding:15px}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.card-details p{flex-direction:column;align-items:flex-start;gap:4px}.card-actions{justify-content:center}.btn-cancel{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#dcdcdca8}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1200px;margin:0 auto}.btn{display:inline-block;background-color:#fff;color:#222;padding:12px 24px;border-radius:5px;font-weight:600;transition:background-color .3s ease,color .3s ease;cursor:pointer;border:none}.btn:hover{background-color:#222;color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}