:root{--osc: #131b3b;--osc-2: #24305e;--lima: #b5d334;--lima-suave: #f0f6d4;--fondo: #f3f4f7;--tarjeta: #ffffff;--tinta: #26272b;--gris: #66687a;--gris-claro: #9c9eae;--borde: #e1e3ea;--rojo: #b83a2e;--rojo-suave: #fbe9e6;--ambar: #b7791f;--ambar-suave: #fdf3e1;--azul: #2c5d8a;--azul-suave: #e6f0f9;--radio: 14px;--sombra: 0 1px 2px rgba(19, 27, 59, .06), 0 4px 16px rgba(19, 27, 59, .07);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--fondo);min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:11px 20px;font-weight:600;cursor:pointer;background:var(--osc);color:#fff;text-decoration:none;transition:transform .06s,opacity .15s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.lima{background:var(--lima);color:var(--osc)}.btn.claro{background:var(--tarjeta);color:var(--tinta);border:1px solid var(--borde)}.btn.peligro{background:var(--rojo)}.btn.chico{padding:7px 14px;font-size:14px}.btn.bloque{width:100%;padding:14px 20px;font-size:16px}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.campo>span{font-size:13px;font-weight:600;color:var(--gris)}.input,select.input,textarea.input{width:100%;border:1px solid var(--borde);background:#fff;border-radius:10px;padding:11px 12px;font-size:16px;outline:none}.input:focus{border-color:var(--osc-2);box-shadow:0 0 0 3px #b5d33473}.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fila>.campo{flex:1;min-width:120px}@media(max-width:640px){.fila>.campo.ancho{flex-basis:100%}}.error{background:var(--rojo-suave);color:var(--rojo);padding:10px 14px;border-radius:10px;font-size:14px;margin:10px 0}.aviso{background:var(--azul-suave);color:var(--azul);padding:10px 14px;border-radius:10px;font-size:14px;margin:10px 0}.exito{background:var(--lima-suave);color:var(--osc);padding:10px 14px;border-radius:10px;font-size:14px;margin:10px 0}.sutil{color:var(--gris);font-size:14px}.chip{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--fondo);color:var(--gris)}.chip.verde{background:var(--lima-suave);color:var(--osc-2)}.chip.ambar{background:var(--ambar-suave);color:var(--ambar)}.chip.rojo{background:var(--rojo-suave);color:var(--rojo)}.chip.azul{background:var(--azul-suave);color:var(--azul)}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px}.j-cabecera{background:var(--osc);color:#fff;position:sticky;top:0;z-index:20}.j-cabecera-in{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.04em;font-size:15px}.logo b{color:var(--lima)}.logo img{display:block;height:36px;width:auto}.bola{width:26px;height:26px;border-radius:50%;background:var(--lima);position:relative;flex:none;box-shadow:inset -3px -3px #0000001f}.bola:after{content:"";position:absolute;top:5px;right:-2px;bottom:5px;left:-2px;border-top:2px solid var(--osc);border-bottom:2px solid var(--osc);border-radius:50%}.saldo-pill{margin-left:auto;background:#ffffff1f;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none;white-space:nowrap}.saldo-pill b{color:var(--lima)}.j-nav{background:var(--osc-2)}.j-nav-in{max-width:760px;margin:0 auto;display:flex;overflow-x:auto;scrollbar-width:none}.j-nav a{padding:11px 14px;color:#ffffffbf;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.j-nav a.active{color:#fff;border-color:var(--lima)}.j-main{max-width:760px;margin:0 auto;padding:18px 16px 60px}.j-pie{background:var(--osc);color:#c9cbe0;margin-top:24px}.j-pie-in{max-width:760px;margin:0 auto;padding:28px 16px 6px;display:grid;gap:24px}@media(min-width:640px){.j-pie-in{grid-template-columns:1fr 1fr}.j-pie-ancho{grid-column:1 / -1}}.j-pie h4{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.j-pie-contacto a,.j-pie-contacto span{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:15px;margin:0 0 10px}.j-pie-contacto svg{flex:none;color:var(--lima)}.j-pie p{font-size:14px;line-height:1.55;margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px}.j-pie p a,.j-pie p b{color:#fff}.medios-pago{display:flex;flex-wrap:wrap;gap:8px}.medio{background:#fff;border-radius:8px;height:36px;min-width:60px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.j-pie-legal{max-width:760px;margin:0 auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom));font-size:12px;color:var(--gris-claro)}.j-pie-legal a{color:#c9cbe0}.j-main h1{font-size:24px;margin:4px 0 14px;letter-spacing:-.01em}.dias{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.dia{flex:none;width:56px;border-radius:12px;border:1px solid var(--borde);background:#fff;padding:8px 0;text-align:center;cursor:pointer}.dia small{display:block;font-size:11px;text-transform:uppercase;color:var(--gris);font-weight:600}.dia strong{font-size:20px}.dia.activo{background:var(--osc);border-color:var(--osc);color:#fff}.dia.activo small{color:var(--lima)}.segmento{display:inline-flex;background:#fff;border:1px solid var(--borde);border-radius:999px;padding:3px}.segmento button{border:0;background:none;padding:7px 16px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;color:var(--gris)}.segmento button.activo{background:var(--osc);color:#fff}.cancha{margin-top:14px}.cancha-tit{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cancha-tit h3{margin:0;font-size:16px}.horarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.horario{border:1px solid var(--borde);background:#fff;border-radius:10px;padding:8px 6px;text-align:center;cursor:pointer;line-height:1.25}.horario b{display:block;font-size:15px}.horario small{font-size:12px;color:var(--gris)}.horario.libre{background:#e3f5ee;border-color:#e3f5ee;color:#13775a}.horario.libre small{color:#2a8a6c}.horario.libre:hover{border-color:#13775a;background:#d2efe3}.horario.ocupado{background:#fdecea;border-color:#fdecea;color:#c0392b;cursor:default}.horario.ocupado small{color:#c0392b}.horario.tuyo_pendiente{background:var(--ambar-suave);border-color:var(--ambar);color:var(--ambar)}.horario.tuyo_pendiente small{color:var(--ambar);font-weight:700}.pendiente-pago{border-left:4px solid var(--ambar);background:var(--ambar-suave)}.pendiente-pago .lista-item{flex-wrap:wrap}.pendiente-pago .lista-item .grow{flex:1 1 240px}.horario.bloqueado,.horario.pasado{background:var(--fondo);color:var(--gris-claro);cursor:default}.horario.bloqueado small,.horario.pasado small{color:var(--gris-claro)}.instalar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:12px 14px;margin-bottom:16px;position:relative}.instalar-cerrar{border:0;background:none;font-size:22px;line-height:1;color:var(--gris);cursor:pointer;padding:4px 6px}.leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--gris)}.leyenda span{display:inline-flex;align-items:center;gap:6px}.leyenda i{width:10px;height:10px;border-radius:50%;display:inline-block}.resumen dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.resumen dt{color:var(--gris);font-size:14px}.resumen dd{margin:0;font-weight:600;text-align:right}.total{font-size:28px;font-weight:800}.opcion-pago{display:flex;align-items:center;gap:12px;border:1.5px solid var(--borde);border-radius:12px;padding:14px;cursor:pointer;margin-bottom:10px;background:#fff}.opcion-pago.activo{border-color:var(--osc);background:var(--lima-suave)}.opcion-pago.deshabilitada{opacity:.5;cursor:not-allowed}.opcion-pago input{accent-color:var(--osc);width:18px;height:18px}.opcion-pago div{flex:1}.opcion-pago small{display:block;color:var(--gris);font-size:13px}.lista{display:flex;flex-direction:column}.lista-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--borde)}.lista-item:last-child{border-bottom:0}.lista-item .grow{flex:1;min-width:0}.monto-pos{color:var(--osc-2);font-weight:700}.monto-neg{color:var(--rojo);font-weight:700}.saldo-grande{background:var(--osc);color:#fff;border-radius:var(--radio);padding:22px}.saldo-grande .valor{font-size:36px;font-weight:800;color:var(--lima);letter-spacing:-.02em}.paquetes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.paquete{border:1.5px solid var(--borde);background:#fff;border-radius:12px;padding:14px;cursor:pointer;text-align:left;position:relative}.paquete:hover{border-color:var(--osc-2)}.paquete .precio{font-size:20px;font-weight:800}.paquete .recibe{font-size:13px;color:var(--gris)}.paquete .bono{position:absolute;top:-9px;right:10px;background:var(--lima);color:var(--osc);font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.centro{text-align:center}.icono-grande{font-size:46px;margin:10px 0}.spinner{width:34px;height:34px;border:4px solid var(--borde);border-top-color:var(--osc);border-radius:50%;animation:giro .8s linear infinite;margin:18px auto}@keyframes giro{to{transform:rotate(360deg)}}.codigo-input{font-size:28px!important;letter-spacing:10px;text-align:center;font-weight:700}.a-layout{--a-top: 0px;display:flex;min-height:100vh}.a-side{width:232px;flex:none;background:var(--osc);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:40;transition:width .18s ease}.a-side-cab{display:flex;align-items:center;gap:8px;padding:14px 12px 10px 18px}.a-side-logo{height:42px;margin-right:auto}.a-icono-btn{background:none;border:0;color:#fffc;width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;cursor:pointer;flex:none}.a-icono-btn:hover{background:#ffffff1a;color:#fff}.a-quien{margin:0 12px 6px;padding:10px 12px;border-radius:12px;background:#ffffff0f;display:flex;flex-direction:column;min-width:0}.a-quien b{font-size:14px}.a-quien span{font-size:12px;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-menu{padding:4px 10px}.a-grupo{display:flex;flex-direction:column;gap:2px;margin-top:12px}.a-grupo-tit{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;padding:0 10px 4px}.a-menu a,.a-side-pie a,.a-side-pie button{display:flex;align-items:center;gap:12px;color:#ffffffc7;text-decoration:none;padding:10px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;width:100%}.a-menu a:hover,.a-side-pie a:hover,.a-side-pie button:hover{background:#ffffff14;color:#fff}.a-menu a.active{background:#b5d33429;color:#fff;box-shadow:inset 3px 0 0 var(--lima)}.a-menu a.active svg{color:var(--lima)}.a-side-pie{margin-top:auto;padding:10px 10px 16px;border-top:1px solid rgba(255,255,255,.08)}.a-side-pie button{color:var(--lima)}.a-main{flex:1;min-width:0;padding:22px 26px 60px}.a-main h1{font-size:22px;margin:0 0 16px}.a-top,.a-velo,.a-solo-cel{display:none}@media(min-width:900px){.a-layout.mini .a-side{width:68px}.a-layout.mini .a-side-cab{flex-direction:column;padding:12px 0 6px}.a-layout.mini .a-side-logo{height:30px;margin:0}.a-layout.mini .a-quien,.a-layout.mini .a-grupo-tit,.a-layout.mini .a-menu span,.a-layout.mini .a-side-pie span{display:none}.a-layout.mini .a-menu a,.a-layout.mini .a-side-pie a,.a-layout.mini .a-side-pie button{justify-content:center;padding:11px 0}.a-layout.mini .a-grupo{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}}@media(max-width:899px){.a-layout{--a-top: 56px;display:block}.a-top{display:flex;align-items:center;gap:10px;height:var(--a-top);padding:0 10px 0 6px;background:var(--osc);color:#fff;position:sticky;top:0;z-index:30}.a-top-logo{height:34px}.a-top-titulo{margin-left:auto;font-weight:700;font-size:15px;color:#ffffffe6}.a-side{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(284px,86vw);transform:translate(-100%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom)}.a-layout.abierto .a-side{transform:none;box-shadow:4px 0 24px #00000040}.a-velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e2073;z-index:35;opacity:0;pointer-events:none;transition:opacity .2s}.a-layout.abierto .a-velo{opacity:1;pointer-events:auto}.a-solo-pc{display:none}.a-solo-cel{display:inline-grid}.a-main{padding:14px 12px 50px}}.a-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.a-barra .espacio{flex:1}.ag-barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.ag-fecha{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:800;letter-spacing:-.01em;padding:4px 10px;border-radius:10px;cursor:pointer;color:var(--tinta)}.ag-fecha:hover{background:#fff}.ag-fecha svg{color:var(--gris);flex:none}.ag-fecha input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.ag-resumen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--gris);margin-bottom:10px}.ag-resumen b{color:var(--tinta)}.ag-leyenda{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 5px}.lp{width:12px;height:12px;border-radius:3px;display:inline-block;border-left:3px solid}.ag-leyenda .lp:not(:first-child){margin-left:8px}.lp.libre{background:#e3f5ec;border-color:#e3f5ec}.lp.pagada{background:var(--lima-suave);border-color:var(--osc-2)}.lp.sinpagar{background:var(--ambar-suave);border-color:var(--ambar)}.lp.pendiente{background:var(--azul-suave);border-color:var(--azul)}.agenda-wrap{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);overflow:clip}.agenda{--ag-hora: 54px;--ag-ocup: 46px;display:grid;position:relative}.agenda .cab{position:sticky;top:var(--a-top, 0px);z-index:3;background:#fff;border-bottom:1px solid var(--borde);padding:10px 4px;font-weight:700;font-size:13px;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.agenda .hora-cab,.agenda .ocup-cab{font-size:11px;font-weight:600;color:var(--gris)}.agenda .hora{font-size:11px;color:var(--gris-claro);text-align:right;padding:3px 6px 0 2px;border-right:1px solid var(--borde);border-bottom:1px dashed #edf0f3;font-variant-numeric:tabular-nums}.agenda .hora.en-punto{color:var(--tinta);font-weight:600}.agenda .celda{background:#eef9f3;border-bottom:1px dashed #d6ebdf;border-right:1px solid #fff;cursor:pointer}.agenda .celda.fin-hora{border-bottom:1px solid #c9e3d4}.agenda .celda:hover{background:#d9f1e4}.agenda .celda.bloq{background:repeating-linear-gradient(-45deg,#f4f5f7,#f4f5f7 6px,#eaecef 6px,#eaecef 12px)}.agenda .ocup{font-size:12px;text-align:center;color:var(--gris-claro);border-left:1px solid var(--borde);border-bottom:1px dashed #edf0f3;padding-top:5px;font-variant-numeric:tabular-nums}.agenda .ocup.hay{color:var(--tinta);font-weight:700;background:#f7f8fa}.agenda .ocup.lleno{color:var(--rojo)}.agenda .bloque{margin:1px 2px;border-radius:6px;padding:3px 6px;font-size:12px;line-height:1.25;overflow:hidden;cursor:pointer;z-index:1;border-left:4px solid;display:flex;flex-direction:column;min-width:0}.agenda .bloque .bl-hora{font-size:11px;font-weight:700;opacity:.7}.agenda .bloque b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda .bloque .bl-det{font-size:11px;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloque.pagada{background:var(--lima-suave);border-color:var(--osc-2)}.bloque.sinpagar{background:var(--ambar-suave);border-color:var(--ambar)}.bloque.pendiente{background:var(--azul-suave);border-color:var(--azul)}@media(max-width:640px){.agenda{--ag-hora: 40px;--ag-ocup: 32px}.agenda .ocup-cab{font-size:9.5px;white-space:nowrap}.ag-resumen{gap:6px 10px}.ag-leyenda{flex-basis:100%;font-size:12px}.agenda .cab{font-size:11px;padding:8px 2px}.agenda .hora{font-size:10px;padding-right:4px}.agenda .ocup{font-size:11px}.agenda .bloque{margin:1px;padding:2px 3px;border-left-width:3px}.agenda .bloque b{font-size:10.5px}.agenda .bloque .bl-hora{font-size:10px}.agenda .bloque .bl-det{display:none}.ag-fecha{font-size:17px;padding:4px 6px}}.tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}.tabla-scroll{overflow-x:auto;max-width:100%;border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;-webkit-overflow-scrolling:touch}.tabla-scroll>.tabla{box-shadow:none;border-radius:0}.solo-cel{display:none}@media(max-width:640px){.solo-cel{display:block}.tabla th,.tabla td{padding:9px 10px;font-size:13px}.tabla th{white-space:nowrap}.solo-pc{display:none}}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);padding:10px 12px;border-bottom:1px solid var(--borde);background:#fbfcfa}.tabla td{padding:10px 12px;border-bottom:1px solid #f0f2ed;font-size:14px;vertical-align:middle}.tabla tr:last-child td{border-bottom:0}.tabla tr.click{cursor:pointer}.tabla tr.click:hover td{background:var(--lima-suave)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#131b3b80;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:100%;max-width:480px;padding:22px;box-shadow:0 20px 60px #00000040}.modal h2{margin:0 0 14px;font-size:19px}.modal .acciones{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:18px}.kpi{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.kpi small{color:var(--gris);font-size:13px;font-weight:600}.kpi div{font-size:24px;font-weight:800;margin-top:4px}.rango-fechas{display:inline-flex;align-items:center;gap:6px}.rango-fechas input{width:150px}@media(max-width:640px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:12px}.kpi small{font-size:12px}.kpi div{font-size:19px}.rango-fechas{width:100%}.rango-fechas input{flex:1;width:auto;min-width:0}}.sugerencias{border:1px solid var(--borde);border-radius:10px;margin-top:-8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.sugerencias button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f0f2ed}.sugerencias button:hover{background:var(--lima-suave)}.seccion{overflow-x:auto;margin-bottom:26px}.seccion h2{font-size:17px;margin:0 0 10px}.dias-check{display:flex;gap:4px}.dias-check label{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--borde);font-size:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.dias-check label.on{background:var(--osc);color:#fff;border-color:var(--osc)}.dias-check input{display:none}.input.compacto{padding:7px 9px;font-size:14px}.tortas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.torta-cuerpo{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.torta-leyenda{list-style:none;margin:0;padding:0;flex:1 1 220px;min-width:0}.torta-leyenda li{display:grid;grid-template-columns:12px 1fr auto 40px;align-items:center;gap:8px;padding:6px;border-radius:8px;font-size:13px;cursor:default}.torta-leyenda li.activa{background:var(--fondo)}.torta-leyenda .sutil{text-align:right}.torta-color{width:12px;height:12px;border-radius:3px}.torta-nombre{min-width:0}@media(max-width:1100px){.tortas{grid-template-columns:1fr}}@media(max-width:640px){.torta-cuerpo{justify-content:center}.torta-leyenda{flex-basis:100%}}