:root{--color-black: #0a0a0a;--color-dark: #141414;--color-lime: #39FF14;--color-lime-light: #5fff3f;--color-lime-dark: #2dd10f;--color-white: #ffffff;--color-gray: #888888;--color-light-gray: #f5f5f5;--color-success: #39FF14;--color-danger: #ef4444;--color-warning: #f59e0b;--shadow: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lime: 0 4px 20px rgba(57, 255, 20, .3);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-black);color:var(--color-white);min-height:100vh;line-height:1.6}#root{min-height:100vh}.navbar{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(57,255,20,.2);position:sticky;top:0;z-index:100}.app-version{position:absolute;right:8px;bottom:2px;font-size:.65rem;color:#ffffff59;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-white)}.logo-leon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(57,255,20,.5))}.logo-text{display:flex;flex-direction:column}.logo-estancia{font-size:.6rem;letter-spacing:3px;color:var(--color-lime);text-transform:uppercase}.logo-eden{font-size:1.25rem;font-weight:700;letter-spacing:2px}.menu-toggle{display:none;background:none;border:none;color:var(--color-white);cursor:pointer}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--color-white);text-decoration:none;font-size:.9rem;transition:color .2s;display:flex;align-items:center;gap:.5rem}.nav-links a:hover{color:var(--color-lime)}.btn-reservar{background:var(--color-lime)!important;color:var(--color-black)!important;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn-logout{background:transparent;border:1px solid var(--color-lime);color:var(--color-lime);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.5rem}.landing{min-height:100vh}.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;gap:4rem}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-logo{display:flex;flex-direction:column;align-items:flex-start}.leon-emoji{font-size:4rem;filter:drop-shadow(0 0 20px rgba(57,255,20,.5));margin-bottom:1rem}.hero h1{font-size:3rem;font-weight:700;letter-spacing:4px;background:linear-gradient(135deg,var(--color-white),var(--color-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--color-lime);margin-top:.5rem;letter-spacing:2px;text-transform:uppercase}.hero-description{font-size:1.1rem;color:var(--color-gray);max-width:500px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--color-lime);color:var(--color-black);padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lime)}.btn-secondary{background:transparent;color:var(--color-white);padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:600;border:2px solid var(--color-lime);transition:all .2s}.btn-secondary:hover{background:var(--color-lime);color:var(--color-black)}.btn-large{padding:1.25rem 3rem;font-size:1.1rem}.hero-image{display:flex;justify-content:center}.cancha-preview{position:relative}.cancha-card-hero{background:linear-gradient(135deg,var(--color-dark),#1a1a1a);border:2px solid var(--color-lime);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow-lime);display:flex;flex-direction:column;gap:.5rem;min-width:280px}.cancha-num{font-size:1.5rem;font-weight:700;color:var(--color-lime);letter-spacing:2px;text-transform:uppercase}.cancha-status{font-size:.85rem}.cancha-status.disponible{color:var(--color-success)}.cancha-precio{font-size:2rem;font-weight:700;margin-top:1rem;color:var(--color-lime)}.features{background:var(--color-dark);padding:6rem 2rem}.features h2{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--color-lime);text-transform:uppercase;letter-spacing:2px}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.feature-card{background:#ffffff08;border:1px solid rgba(57,255,20,.2);border-radius:var(--radius);padding:2rem;text-align:center;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--color-lime)}.feature-icon{width:60px;height:60px;background:var(--color-lime);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--color-black)}.feature-card h3{font-size:1.1rem;margin-bottom:.75rem}.feature-card p{color:var(--color-gray);font-size:.9rem}.precios-section{padding:6rem 2rem;max-width:800px;margin:0 auto;text-align:center}.precios-section h2{font-size:2.5rem;margin-bottom:4rem;color:var(--color-lime);text-transform:uppercase;letter-spacing:2px}.precio-destacado{background:linear-gradient(135deg,var(--color-dark),#1a1a1a);border:2px solid var(--color-lime);border-radius:var(--radius);padding:3rem 2rem;box-shadow:var(--shadow-lime)}.precio-label{font-size:1.2rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:2px}.precio-monto{display:block;font-size:4rem;font-weight:700;color:var(--color-lime);margin:1rem 0;text-shadow:0 0 30px rgba(57,255,20,.3)}.precio-monto span{font-size:1.5rem}.precio-desc{color:var(--color-gray);font-size:1rem}.cta-section{background:linear-gradient(135deg,var(--color-dark),#0f0f0f);padding:6rem 2rem;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:var(--color-lime);text-transform:uppercase;letter-spacing:2px}.cta-section p{color:var(--color-gray);margin-bottom:2rem;font-size:1.1rem}.footer{background:var(--color-black);border-top:1px solid rgba(57,255,20,.1);padding:3rem 2rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;letter-spacing:2px}.footer p{color:var(--color-gray);font-size:.9rem}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-logo{align-items:center}.hero-description{margin:0 auto}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.menu-toggle{display:block}.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--color-black);flex-direction:column;padding:2rem;gap:1.5rem;transform:translateY(-150%);transition:transform .3s;border-bottom:1px solid var(--color-lime)}.nav-links.open{transform:translateY(0)}.hero h1{font-size:2rem}.features-grid{grid-template-columns:1fr}}.reservar-page{max-width:800px;margin:0 auto;padding:2rem}.reservar-header{text-align:center;margin-bottom:3rem}.reservar-header h1{font-size:2.5rem;color:var(--color-lime);margin-bottom:1.5rem}.progress-steps{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.progress-steps span{color:var(--color-gray);font-size:.9rem;position:relative}.progress-steps span.active{color:var(--color-lime);font-weight:600}.progress-steps span.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--color-lime)}.progress-steps span.clickable{cursor:pointer;opacity:.7}.progress-steps span.clickable:hover{opacity:1;text-decoration:underline}.step-content{background:var(--color-dark);border-radius:var(--radius);padding:2.5rem;border:1px solid rgba(212,175,55,.2)}.step-content h2{color:var(--color-lime);margin-bottom:2rem;font-size:1.5rem}.btn-volver{background:none;border:none;color:var(--color-gray);cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.btn-volver:hover{color:var(--color-lime)}.canchas-seleccion{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cancha-option{background:#ffffff08;border:2px solid rgba(212,175,55,.2);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .3s;text-align:left;color:var(--color-white)}.cancha-option:hover{border-color:var(--color-lime)}.cancha-option.selected{border-color:var(--color-lime);background:#d4af371a}.cancha-option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.cancha-nombre{font-weight:600;font-size:1.1rem}.cancha-tipo-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;margin-bottom:1rem}.cancha-tipo-badge.cubierta{background:#d4af3733;color:var(--color-lime)}.cancha-tipo-badge.descubierta{background:#22c55e33;color:var(--color-success)}.cancha-precios{display:flex;gap:1rem;font-size:.8rem;color:var(--color-gray)}.fechas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.fecha-option{background:#ffffff0d;border:2px solid rgba(57,255,20,.3);border-radius:var(--radius-sm);padding:1rem;cursor:pointer;transition:all .3s;color:var(--color-white);text-align:center;text-transform:capitalize}.fecha-option:hover{border-color:var(--color-lime);background:#39ff141a}.fecha-option.selected{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-black);font-weight:700}.duracion-selector{margin-bottom:2rem}.duracion-selector label{display:block;margin-bottom:.75rem;color:var(--color-gray)}.duracion-options{display:flex;gap:1rem}.duracion-btn{flex:1;background:#ffffff0d;border:2px solid rgba(57,255,20,.3);border-radius:var(--radius-sm);padding:1rem .5rem;color:var(--color-white);cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.duracion-btn:hover{border-color:var(--color-lime);background:#39ff141a}.duracion-btn.selected{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-black);font-weight:700}.duracion-precio{font-size:.8rem;opacity:.8}.duracion-btn.selected .duracion-precio{color:var(--color-black);opacity:1}.horarios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.horario-btn{background:#ffffff0d;border:2px solid rgba(57,255,20,.3);border-radius:var(--radius-sm);padding:.75rem;color:var(--color-white);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.horario-btn:hover:not(:disabled){border-color:var(--color-lime);background:#39ff141a}.horario-btn.selected{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-black);font-weight:700}.horario-btn.ocupado{opacity:.4;cursor:not-allowed;border-color:var(--color-danger);background:#ef44441a}.ocupado-badge{font-size:.65rem;color:var(--color-danger);font-weight:600}.ocupado-badge.pasado-badge{color:var(--color-gray)}.horario-btn.pasado{opacity:.25;cursor:not-allowed;border-color:#ffffff1a;background:#ffffff05}.horario-btn.superpone{opacity:.5;cursor:not-allowed;border-color:var(--color-warning);background:#f59e0b14}.ocupado-badge.superpone-badge{color:var(--color-warning)}.horario-btn.slot-inicio,.horario-btn.slot-fin{background:var(--color-lime)!important;color:var(--color-black)!important;border-color:var(--color-lime)!important;font-weight:700}.horario-btn.slot-rango{background:#39ff1426!important;border-color:#39ff1466!important;color:var(--color-lime)!important}.horario-btn.slot-end-option{border-color:#39ff1466!important;background:#39ff140d!important;cursor:pointer!important}.horario-btn.slot-end-option:hover{background:#39ff1426!important;border-color:var(--color-lime)!important}.horario-btn.slot-dimmed{opacity:.2;cursor:default}.slot-label-inicio,.slot-label-fin{font-size:.6rem;font-weight:800;letter-spacing:1px;color:var(--color-black);background:#00000026;padding:.1rem .4rem;border-radius:3px}.slot-label-precio{font-size:.6rem;font-weight:700;color:var(--color-lime)}.slot-error-msg{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.slot-error-msg span{flex:1}.btn-continuar{width:100%;background:linear-gradient(135deg,var(--color-lime),var(--color-lime-light));color:var(--color-black);border:none;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.resumen-reserva{background:#0000004d;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.resumen-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.resumen-item:last-child{border-bottom:none}.resumen-item span{color:var(--color-gray)}.resumen-item.total{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--color-lime)}.precio-final{color:var(--color-lime);font-size:1.5rem}.btn-pagar{width:100%;background:linear-gradient(135deg,var(--color-success),#16a34a);color:#fff;border:none;padding:1.25rem;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer}.checkout-page{max-width:500px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px);display:flex;align-items:center}.checkout-container{width:100%;background:var(--color-dark);border-radius:var(--radius);padding:2.5rem;border:1px solid rgba(212,175,55,.2)}.checkout-container h1{color:var(--color-lime);text-align:center;margin-bottom:1.5rem}.resumen-mini{background:#0000004d;border-radius:var(--radius-sm);padding:1rem;margin-bottom:1.5rem;text-align:center}.resumen-mini strong{display:block;color:var(--color-lime);margin-bottom:.25rem}.precio-checkout{display:block;color:var(--color-lime);font-size:1.25rem;font-weight:700;margin-top:.5rem}.form-datos,.form-pago{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--color-gray);font-size:.9rem}.form-group input,.form-group select{background:#ffffff0d;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-sm);padding:.875rem 1rem;color:var(--color-white);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--color-lime)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.password-input{position:relative}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray);cursor:pointer}.btn-continuar,.btn-pagar-final{width:100%;background:linear-gradient(135deg,var(--color-lime),var(--color-lime-light));color:var(--color-black);border:none;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.btn-pagar-final:disabled{opacity:.7;cursor:not-allowed}.btn-mercadopago{background:linear-gradient(135deg,#00b1ea,#009ee3);color:#fff}.pago-mp-info{text-align:center;color:var(--color-gray);font-size:.9rem;margin:1rem 0}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seguridad-text{text-align:center;color:var(--color-gray);font-size:.8rem;margin-top:1rem}.tarjeta-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between}.tarjeta-chip{font-size:2rem}.tarjeta-numero{font-size:1.25rem;letter-spacing:2px;font-family:monospace}.tarjeta-datos{display:flex;justify-content:space-between;font-size:.875rem;text-transform:uppercase}.total-pago{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:1.1rem}.checkout-container.exito{text-align:center}.icon-exito{color:var(--color-success);margin-bottom:1rem}.exito-mensaje{color:var(--color-gray);margin-bottom:1.5rem}.credenciales-box{background:#0000004d;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:2px dashed var(--color-lime)}.credenciales-box h3{color:var(--color-lime);margin-bottom:1rem}.credencial-item{display:flex;justify-content:space-between;padding:.5rem 0}.credencial-nota{font-size:.8rem;color:var(--color-gray);margin-top:1rem}.resumen-compra{background:#ffffff0d;border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.resumen-compra h4{color:var(--color-lime);margin-bottom:.75rem}.resumen-compra p{margin:.25rem 0;color:var(--color-gray)}.precio-total{color:var(--color-lime)!important;font-size:1.25rem;font-weight:700;margin-top:.75rem!important}.exito-botones .btn-primary{width:100%;justify-content:center}.app-text{color:var(--color-gray);font-size:.9rem;margin-top:1rem}.error-message{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem}.cancha-info-unica{display:flex;align-items:center;gap:.75rem;color:var(--color-lime);margin-bottom:1.5rem}.cancha-info-unica div{display:flex;flex-direction:column}.cancha-info-unica span{font-size:.85rem;color:var(--color-gray)}.form-row-pago{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.config-tab-pro{display:flex;flex-direction:column;gap:1.5rem}.ocupado-badge.bloqueado{color:var(--color-warning)}.checkout-header{position:fixed;top:70px;left:0;right:0;z-index:50;background:var(--color-dark);border-bottom:1px solid rgba(57,255,20,.1);padding:.75rem 2rem;display:flex;align-items:center;gap:1rem}.btn-volver-header{background:none;border:none;color:var(--color-gray);cursor:pointer;padding:.5rem}.checkout-resumen-mini{display:flex;gap:1.5rem;align-items:center;font-size:.9rem}.resumen-fecha{text-transform:capitalize}.resumen-hora,.resumen-precio{font-weight:700;color:var(--color-lime)}.checkout-seguridad{text-align:center;margin-top:1.5rem;color:var(--color-gray);font-size:.85rem}.checkout-seguridad small{display:block;margin-top:.25rem;font-size:.75rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.75rem;color:var(--color-gray)}.input-with-icon input{padding-left:2.5rem}.resumen-pago{margin-bottom:1.5rem}.resumen-linea{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--color-gray)}.resumen-linea.total{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:.5rem;color:#fff}.btn-volver-link{display:block;text-align:center;margin-top:1rem;background:none;border:none;color:var(--color-gray);cursor:pointer;font-size:.9rem}.telefono-input-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-sm);overflow:hidden}.telefono-prefix{padding:.875rem .75rem;color:var(--color-lime);font-weight:600;font-size:.9rem;white-space:nowrap}.telefono-input-container input{border:none!important;background:transparent!important;flex:1}.input-hint{color:var(--color-gray);font-size:.75rem}.login-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:400px;background:var(--color-dark);border-radius:var(--radius);padding:2.5rem;border:1px solid rgba(212,175,55,.2)}.login-header{text-align:center;margin-bottom:2rem}.logo-login{font-size:3rem;display:block;margin-bottom:1rem}.login-header h1{color:var(--color-lime);font-size:1.75rem;margin-bottom:.5rem}.login-header p{color:var(--color-gray)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.btn-login{width:100%;background:linear-gradient(135deg,var(--color-lime),var(--color-lime-light));color:var(--color-black);border:none;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-info{margin-top:2rem;text-align:center}.login-info p{color:var(--color-gray);font-size:.9rem}.login-info a{color:var(--color-lime);text-decoration:none}.admin-hint{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.admin-hint small{color:var(--color-gray);font-size:.75rem}@media(max-width:768px){.canchas-seleccion,.fechas-grid,.horarios-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.dashboard-page{max-width:800px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:50px;height:50px;background:var(--color-lime);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--color-black)}.user-info h1{font-size:1.25rem;margin:0}.user-info p{color:var(--color-gray);margin:0;font-size:.875rem}.btn-nueva-reserva{background:var(--color-lime);color:var(--color-black);padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.turno-activo-container{background:linear-gradient(135deg,var(--color-dark),#1a1a1a);border:2px solid rgba(57,255,20,.3);border-radius:var(--radius);padding:2rem;position:relative;overflow:hidden}.turno-activo-container.luces-encendidas{border-color:var(--color-lime);box-shadow:0 0 40px #39ff1433}.turno-activo-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-lime)}.turno-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.badge-activo{background:var(--color-lime);color:var(--color-black);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.cronometro{display:flex;align-items:center;gap:.5rem;color:var(--color-lime)}.cronometro .tiempo{font-size:1.5rem;font-weight:700;font-family:monospace}.turno-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--color-lime)}.turno-info h2{font-size:1.5rem;margin:0}.turno-info p{color:var(--color-gray);margin:.25rem 0 0}.luces-control{text-align:center}.luces-apagadas-estado{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray);margin-bottom:1rem;font-size:1.1rem}.luces-encendidas-estado{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-lime);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.estado-icon{font-size:1.5rem}.estado-icon.pulso{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn-encender-luces{width:100%;background:var(--color-lime);color:var(--color-black);border:none;padding:1.5rem;border-radius:var(--radius);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.btn-encender-luces:hover{transform:translateY(-2px);box-shadow:0 0 30px #39ff1466}.btn-encender-luces:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-hint{font-size:.8rem;opacity:.8;font-weight:400;text-transform:none;letter-spacing:0}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:var(--color-lime);transition:width 1s linear}.tiempo-restante-texto{color:var(--color-gray);margin-bottom:1.5rem}.btn-extender{width:100%;background:transparent;border:2px solid var(--color-lime);color:var(--color-lime);padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.btn-extender:hover{background:var(--color-lime);color:var(--color-black)}.btn-extender:disabled{opacity:.5;cursor:not-allowed}.proxima-reserva-card{background:linear-gradient(135deg,var(--color-dark),#1a1a1a);border:2px solid rgba(57,255,20,.2);border-radius:var(--radius);padding:2rem}.badge-proxima{display:inline-block;background:#39ff1433;color:var(--color-lime);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem}.proxima-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--color-lime)}.proxima-info h2{font-size:1.5rem;margin:0}.proxima-info p{color:var(--color-white);margin:.25rem 0 0}.proxima-duracion{color:var(--color-gray)!important;font-size:.9rem}.proxima-hint{color:var(--color-gray);margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.sin-reservas{text-align:center;padding:4rem 2rem;background:var(--color-dark);border-radius:var(--radius);border:2px dashed rgba(57,255,20,.3)}.sin-reservas svg{color:var(--color-lime);margin-bottom:1rem}.sin-reservas h2{margin-bottom:.5rem}.sin-reservas p{color:var(--color-gray);margin-bottom:1.5rem}.historial-section{background:var(--color-dark);border-radius:var(--radius);padding:1.5rem}.historial-section h3{font-size:1rem;margin-bottom:1rem;color:var(--color-white)}.historial-list{display:flex;flex-direction:column;gap:.5rem}.historial-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:var(--radius-sm);font-size:.9rem}.historial-item.pasada{opacity:.6}.historial-fecha{display:flex;align-items:center;gap:.5rem;color:var(--color-lime);min-width:80px}.historial-hora{flex:1;color:var(--color-white)}.historial-duracion{color:var(--color-gray)}.historial-estado{font-size:1rem}.historial-estado.completada{color:var(--color-lime)}.historial-estado.activa{color:var(--color-warning)}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:var(--color-dark);border-radius:var(--radius);padding:1.5rem;text-align:center;border:1px solid rgba(57,255,20,.2)}.stat-num{display:block;font-size:2rem;font-weight:700;color:var(--color-lime)}.stat-label{color:var(--color-gray);font-size:.875rem}.admin-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(57,255,20,.2)}.admin-header h1{font-size:1.75rem;color:var(--color-lime)}.admin-badge{background:#39ff141a;border:1px solid var(--color-lime);color:var(--color-lime);padding:.5rem 1rem;border-radius:20px;font-size:.875rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.admin-tabs button{background:#ffffff08;border:1px solid rgba(57,255,20,.2);color:var(--color-gray);padding:.75rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s}.admin-tabs button.active{background:#39ff141a;border-color:var(--color-lime);color:var(--color-lime)}.admin-content{background:var(--color-dark);border-radius:var(--radius);padding:2rem;min-height:400px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card.admin-stat{display:flex;align-items:center;gap:1rem;text-align:left}.stat-card.admin-stat .stat-icon{width:48px;height:48px;background:#39ff141a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-lime);padding:.75rem}.stat-card.admin-stat .stat-value{font-size:1.5rem;display:block}.stat-card.admin-stat .stat-label{font-size:.75rem}.admin-badge{background:#39ff141a;border:1px solid var(--color-lime);color:var(--color-lime);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 0 15px #39ff141a}.admin-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;transition:all .3s}.admin-card:hover{border-color:#39ff1433;background:#ffffff0d}.admin-card h3{color:var(--color-lime);margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-lime)}input:focus+.slider{box-shadow:0 0 1px var(--color-lime)}input:checked+.slider:before{transform:translate(20px)}.admin-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.admin-input-group label{color:var(--color-gray);font-size:.85rem}.admin-input-with-icon{position:relative;display:flex;align-items:center}.admin-input-with-icon span{position:absolute;left:1rem;color:var(--color-lime);font-weight:600}.admin-input-with-icon input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem .75rem 2rem;border-radius:var(--radius-sm);color:#fff;font-size:1.1rem;font-weight:600}.admin-input-with-icon input:focus{border-color:var(--color-lime);outline:none}.toast-success{position:fixed;bottom:2rem;right:2rem;background:var(--color-lime);color:var(--color-black);padding:1rem 2rem;border-radius:var(--radius-sm);font-weight:700;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px #0000004d;animation:slideInUp .3s forwards;z-index:1000}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success.error{background:#ef4444;color:#fff}.horario-config-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.horario-config-row:last-child{border-bottom:none}.horario-config-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-lime);cursor:pointer;flex-shrink:0}.stat-icon-wrapper{width:48px;height:48px;background:#39ff141a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-lime)}.stat-info{display:flex;flex-direction:column}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;box-shadow:0 0 10px #22c55e;animation:pulse-simple 1.5s infinite}@keyframes pulse-simple{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.pulse-bg{animation:pulse-bg-anim 2s infinite}@keyframes pulse-bg-anim{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.canchas-ahora-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.cancha-status-pro{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;transition:all .3s}.cancha-status-pro.active{border-color:#22c55e4d;box-shadow:0 10px 30px #0003}.status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.user-pill{font-size:.75rem;background:#ffffff0d;padding:.25rem .75rem;border-radius:20px;margin-top:.25rem;color:var(--color-gray);display:inline-block}.status-indicator{font-size:.7rem;font-weight:800;padding:.4rem .8rem;border-radius:6px;letter-spacing:1px}.status-indicator.on{background:var(--color-success);color:var(--color-black)}.status-indicator.off{background:#ffffff1a;color:var(--color-gray)}.status-detail{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-gray);margin-bottom:1rem}.mini-progress-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;margin-top:.5rem;overflow:hidden}.mini-progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-lime));border-radius:3px}.status-progress span{font-size:.75rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px}.admin-grid-staff{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}.staff-grid-items{display:flex;flex-direction:column;gap:1rem}.staff-item-card{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.staff-item-card:hover{background:#ffffff0d;border-color:#ffffff1a}.staff-avatar{width:40px;height:40px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-lime);border-radius:50%;display:flex;align-items:center;justify-content:center}.staff-info-main{flex:1;display:flex;flex-direction:column}.staff-info-main strong{font-size:1rem;color:#fff}.staff-info-main span{font-size:.85rem;color:var(--color-gray)}.btn-delete-staff{background:transparent;color:#666;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.btn-delete-staff:hover{background:#ef44441a;color:#ef4444}.staff-form{display:flex;flex-direction:column;gap:1.25rem}.btn-primary-staff{background:var(--color-lime);color:var(--color-black);border:none;padding:1rem;border-radius:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s}.btn-primary-staff:hover{transform:translateY(-2px);filter:brightness(1.1)}.horarios-grid-emp{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-top:1rem}.hora-btn-emp{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s}.hora-btn-emp.selected{background:var(--color-lime);color:#000;border-color:var(--color-lime);font-weight:600}.hora-btn-emp.disabled{opacity:.4;cursor:not-allowed;background:#ffffff03}.label-busy{font-size:.7rem;opacity:.8;font-weight:800}.btn-confirm-emp{background:var(--color-success);color:#000;border:none;padding:1.25rem 2rem;border-radius:12px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s}.btn-confirm-emp:hover{transform:scale(1.02);filter:brightness(1.1)}.total-preview{display:flex;flex-direction:column;gap:.25rem}.total-preview span{font-size:.9rem;color:var(--color-gray)}.total-preview strong{font-size:1.8rem;color:var(--color-success)}.form-footer{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.reserva-item-emp{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.reserva-hora{font-size:1.25rem;font-weight:800;color:var(--color-lime);background:#39ff141a;padding:.5rem 1rem;border-radius:8px}.reserva-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:auto}.metodo-pago{display:flex;align-items:center;gap:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:800;padding:.25rem .6rem;border-radius:4px}.metodo-pago.efectivo{background:#22c55e33;color:#22c55e}.metodo-pago.tarjeta{background:#3b82f633;color:#3b82f6}.reserva-codigo{font-family:monospace;font-size:1.1rem;font-weight:800;letter-spacing:1px}.reservas-table{display:flex;flex-direction:column;gap:0}.reserva-row{display:grid;grid-template-columns:120px 70px 1fr 120px 80px;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.reserva-row:last-child{border-bottom:none}.reserva-row:hover{background:#ffffff08}.reserva-row.cancelada{opacity:.4}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 80px)}.admin-sidebar{background:var(--color-dark);border-right:1px solid rgba(57,255,20,.1);padding:2rem 1.25rem;display:flex;flex-direction:column;gap:2rem;position:sticky;top:80px;height:calc(100vh - 80px)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo .leon-emoji{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(57,255,20,.3))}.sidebar-logo .logo-text{display:flex;flex-direction:column}.sidebar-logo .brand{font-size:1rem;font-weight:800;letter-spacing:2px;color:#fff}.sidebar-logo .role-tag{font-size:.7rem;color:var(--color-lime);text-transform:uppercase;letter-spacing:1px;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;background:transparent;border:none;color:var(--color-gray);cursor:pointer;font-size:.95rem;transition:all .2s;text-align:left}.sidebar-nav .nav-item:hover{background:#ffffff0d;color:#fff}.sidebar-nav .nav-item.active{background:#39ff141a;color:var(--color-lime);font-weight:600}.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover{background:#ef44441a}.admin-main{padding:2rem;max-width:1000px}.admin-main .admin-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(57,255,20,.15)}.admin-main .admin-header h1{font-size:1.5rem;color:var(--color-lime)}.header-date{color:var(--color-gray);font-size:.9rem;margin-top:.25rem;text-transform:capitalize}.reserva-info{flex:1}.client-name{font-weight:600;color:#fff}.client-phone{color:var(--color-gray);font-size:.8rem}.manual-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.horarios-seleccion{margin-top:1.5rem}.horarios-seleccion>label{display:block;color:var(--color-gray);margin-bottom:.75rem;font-size:.9rem}@media(max-width:1024px){.admin-grid-staff,.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem;align-items:center}.sidebar-nav{flex-direction:row;flex:unset}.logout-btn{margin-left:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.reserva-row{grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.manual-form .form-grid{grid-template-columns:1fr!important}}.telefono-input-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(57,255,20,.3);border-radius:var(--radius-sm);overflow:hidden}.telefono-prefix{padding:.875rem .75rem;color:var(--color-gray);font-weight:600;border-right:1px solid rgba(57,255,20,.2);background:#0003}.telefono-input,.telefono-input-container input{flex:1;background:transparent;border:none;padding:.875rem 1rem;color:var(--color-white);font-size:1rem}.telefono-input:focus,.telefono-input-container input:focus{outline:none}.telefono-input-container:focus-within{border-color:var(--color-lime)}.pin-input-container{position:relative;display:flex;align-items:center}.pin-input{width:100%;background:#ffffff0d;border:1px solid rgba(57,255,20,.3);border-radius:var(--radius-sm);padding:.875rem 1rem;color:var(--color-white);font-size:1.5rem;letter-spacing:.5rem;text-align:center}.pin-input:focus{outline:none;border-color:var(--color-lime)}.btn-volver-link{background:none;border:none;color:var(--color-gray);cursor:pointer;font-size:.9rem;text-align:center;padding:.5rem;margin-top:1rem}.btn-volver-link:hover{color:var(--color-lime)}.link-resaltar{color:var(--color-lime);text-decoration:none;font-weight:600}.link-resaltar:hover{text-decoration:underline}.login-beneficios{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.login-beneficios small{color:var(--color-gray);font-size:.85rem}.checkout-header{position:fixed;top:70px;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(57,255,20,.2);padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:50}.btn-volver-header{position:absolute;left:1rem;background:none;border:none;color:var(--color-gray);cursor:pointer;padding:.5rem}.btn-volver-header:hover{color:var(--color-lime)}.checkout-resumen-mini{display:flex;align-items:center;gap:1rem;font-size:.9rem}.checkout-resumen-mini span{color:var(--color-gray)}.checkout-resumen-mini .resumen-fecha{color:var(--color-white)}.checkout-resumen-mini .resumen-hora{background:var(--color-lime);color:var(--color-black);padding:.25rem .75rem;border-radius:20px;font-weight:600}.checkout-resumen-mini .resumen-precio{color:var(--color-lime);font-weight:700}.checkout-page{padding-top:80px}.pago-simulado{text-align:center}.pago-nota{color:var(--color-gray);font-size:.85rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border-radius:var(--radius-sm)}.resumen-pago{background:#0000004d;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;text-align:left}.resumen-linea{display:flex;justify-content:space-between;padding:.75rem 0;color:var(--color-gray)}.resumen-linea.total{border-top:2px solid var(--color-lime);margin-top:.5rem;padding-top:1rem;color:var(--color-white);font-size:1.1rem}.resumen-linea.total strong{color:var(--color-lime);font-size:1.25rem}.checkout-seguridad{margin-top:2rem;text-align:center}.checkout-seguridad p{color:var(--color-lime);margin-bottom:.25rem}.checkout-seguridad small{color:var(--color-gray);font-size:.8rem}.input-hint{color:var(--color-gray);font-size:.8rem;margin-top:.25rem}.estado-nuevo{color:var(--color-lime);font-size:.9rem;margin-top:.5rem}.estado-existente{color:#60a5fa;font-size:.9rem;margin-top:.5rem}.icon-warning{color:var(--color-warning);margin-bottom:1rem}@media(max-width:600px){.checkout-header{padding:.75rem 1rem}.checkout-resumen-mini{flex-direction:column;gap:.5rem}.checkout-resumen-mini .resumen-fecha{display:none}.checkout-page{padding-top:100px}}