:root,html{color-scheme:only light}:root{--navy-900: #0A2A52;--navy: #123C6E;--navy-soft: #1B4E88;--gold: #C09A46;--gold-dark: #A57F2E;--gold-soft: #E4CF9C;--cream: #FAF3E3;--cream-card: #FFFDF6;--ink: #14263C;--muted: #7A6A4F;--danger: #B3382E;--ok: #2E7D5B;--linea: rgba(192, 154, 70, .35);--sombra: 0 6px 18px rgba(10, 42, 82, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Outfit,Segoe UI,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme: dark){html,body,#root{background:#faf3e3;color:#14263c}}button{font-family:inherit}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;background:var(--cream);padding-bottom:180px;position:relative}@media (min-width: 860px){.app-shell,.acciones-fijas{max-width:760px}.stat-grid{grid-template-columns:repeat(4,1fr)}}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 14px;background:var(--navy);color:var(--gold-soft);position:sticky;top:0;z-index:20}.header h1{margin:0;font-size:23px;font-weight:600;letter-spacing:.5px;color:var(--gold-soft);white-space:nowrap}.header-btn{background:none;border:none;color:var(--gold-soft);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:8px}.header-btn:hover{background:#ffffff14}.header-btn--texto{gap:5px;font:inherit;font-size:12px;font-weight:600;border:1px solid rgba(228,207,156,.5);padding:6px 9px}.header-btn--texto span{white-space:nowrap}.consulta{background:var(--navy-soft);padding:12px 16px 16px;color:#fff}.consulta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.consulta-x{background:none;border:none;color:var(--gold-soft);font-size:16px;cursor:pointer;padding:4px 8px}.consulta-form{display:flex;gap:8px}.consulta-form input{flex:1;min-width:0;padding:10px 12px;border-radius:9px;border:1.5px solid var(--gold);background:var(--cream-card);font-family:monospace;font-size:14px;color:var(--ink)}.consulta-form .btn{padding:10px 16px}.consulta-error{color:#ffc9c2;font-size:13px;margin:10px 0 0}.consulta-result{margin-top:12px;background:var(--cream-card);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.consulta-estado{font-size:15px;font-weight:800;margin-bottom:2px}.consulta-nota{font-size:12px;color:var(--muted);margin:8px 0 0}.menu-lateral{background:var(--navy-900);color:var(--cream);padding:8px 18px 16px}.menu-lateral button{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--cream);padding:12px 2px;font-size:15px;cursor:pointer}.menu-lateral a{display:block;padding:12px 2px;color:var(--gold-soft);font-size:15px;text-decoration:none}.canchas-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 16px 8px}.cancha-card{background:none;border:2px solid transparent;border-radius:14px;padding:10px 6px 12px;cursor:pointer;text-align:center;color:var(--navy);transition:transform .12s ease}.cancha-card:hover{transform:translateY(-2px)}.cancha-card svg{width:100%;height:auto;max-height:150px}.cancha-card .nombre{display:block;margin-top:8px;font-size:15px;font-weight:700;text-transform:uppercase;color:var(--navy)}.cancha-card.activa{border-color:var(--gold);background:#c09a461a;box-shadow:var(--sombra)}.fechas{background:var(--gold);padding:8px 10px 10px;margin-top:10px}.fechas-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.fechas-rango{color:var(--cream);font-size:13px;font-weight:700;letter-spacing:.02em}.fechas-flecha{flex:0 0 40px;height:40px;border:none;background:#ffffff2e;color:var(--cream);font-size:20px;border-radius:9px;cursor:pointer}.fechas-flecha:disabled{opacity:.3;cursor:default}.fechas-dias{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.dia-btn{background:none;border:none;border-radius:999px;padding:8px 0;cursor:pointer;color:var(--cream);line-height:1.25}.dia-btn .dia-nombre{display:block;font-size:12px}.dia-btn .dia-numero{display:block;font-size:15px;font-weight:700}.dia-btn.activo{background:var(--cream);color:var(--navy)}.dia-btn:disabled{opacity:.45;cursor:default}.seccion-titulo{margin:22px 18px 12px;font-size:16px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.4px}.chips{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px}.chip{padding:10px 16px;border-radius:999px;border:1.5px solid var(--gold);background:var(--cream-card);color:var(--navy);font-size:14px;font-weight:600;cursor:pointer}.chip.activo{background:var(--gold-soft);border-color:var(--gold-dark);box-shadow:var(--sombra)}.chip.ocupado{border-color:#b3382e66;background:#b3382e1a;color:var(--danger);cursor:not-allowed;text-decoration:line-through}.chip.pendiente{border-color:var(--gold-dark);background:#c09a462e;color:var(--muted);cursor:not-allowed}.chip-leyenda{display:flex;gap:14px;padding:12px 18px 0;font-size:12px;color:var(--muted)}.chip-leyenda span{display:flex;align-items:center;gap:6px}.punto{width:10px;height:10px;border-radius:50%;display:inline-block}.punto.libre{background:var(--cream-card);border:1.5px solid var(--gold)}.punto.pendiente{background:#c09a4699}.punto.ocupado{background:var(--danger)}.cnt{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;line-height:1.5}.cnt-verde{background:#2e7d5b26;color:var(--ok, #2E7D5B)}.cnt-rojo{background:#b3382e24;color:var(--danger, #B3382E)}.ac-lista{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1.5px solid var(--gold);border-radius:10px;margin-top:3px;overflow:hidden;box-shadow:var(--sombra)}.ac-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--linea);padding:8px 12px;cursor:pointer;font:inherit}.ac-item:last-child{border-bottom:none}.ac-item:hover{background:#f1eee4}.ac-item strong{font-size:13px;color:var(--navy)}.ac-item span{font-size:11px;color:var(--muted)}.padel-paso{padding:14px 18px 2px;font-size:14px;font-weight:700;color:var(--navy)}.padel-resumen{padding:4px 18px 0;font-size:14px;color:var(--navy)}.btn{padding:12px 22px;border-radius:999px;border:none;font-weight:700;font-size:14px;cursor:pointer;letter-spacing:.3px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:var(--gold);color:var(--cream)}.btn-navy{background:var(--navy);color:var(--gold-soft)}.btn-ghost{background:none;border:1.5px solid var(--gold);color:var(--navy)}.btn-reservar{margin:18px 18px 0}.espera-cta{margin:14px 18px 0;text-align:center}.btn-espera{width:100%;background:none;border:1.5px dashed var(--gold-dark);color:var(--navy)}.espera-nota{margin:6px 0 0;font-size:12px;color:var(--muted)}.acciones-fijas{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(250,243,227,0),var(--cream) 30%);z-index:15}.acciones-fijas .btn{padding:15px 10px;font-size:15px;text-transform:uppercase}.acciones-fijas .btn.activo{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--gold)}.mascota{position:fixed;right:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:16;max-width:520px;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;gap:4px;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.mascota--on{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mascota-globo{background:var(--navy);color:#fff;font-size:13px;font-weight:700;padding:7px 12px;border-radius:14px 14px 4px;box-shadow:var(--sombra);white-space:nowrap}.mascota-svg{width:74px;height:auto;filter:drop-shadow(0 4px 6px rgba(10,42,82,.25));animation:mascota-bob 1.4s ease-in-out infinite}@keyframes mascota-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}.panel-rivales{background:var(--cream-card);border-radius:18px 18px 0 0;margin-top:22px;padding:18px 18px 8px;box-shadow:0 -4px 20px #0a2a5214}.rival-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--linea)}.rival-item:last-child{border-bottom:none}.rival-item .datos{flex:1;min-width:0}.rival-item p{margin:0}.rival-item .titulo{color:var(--gold-dark);font-weight:700;font-size:14px}.rival-item .detalle{color:var(--navy);font-size:13px;margin-top:2px}.avatar{flex:none}.contacto-btn{flex:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--gold-dark);display:flex}.vacio{color:var(--muted);font-style:italic;padding:12px 0}.rivales-cal{padding:4px 12px 20px}.rivales-cal-nav{display:flex;align-items:center;justify-content:space-between;background:var(--navy);border-radius:12px;padding:6px;margin-bottom:10px}.rivales-cal-flecha{flex:0 0 40px;height:40px;border:none;background:#ffffff14;color:var(--gold-soft);font-size:20px;border-radius:9px;cursor:pointer}.rivales-cal-flecha:disabled{opacity:.3;cursor:default}.rivales-cal-rango{color:#fff;font-size:14px;font-weight:700}.rivales-cal-vacio{text-align:center;font-size:13px;color:var(--muted);padding:10px}.rivales-grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.rivales-grid{display:grid;gap:6px}.rivales-grid-dia{text-align:center;padding:4px 0 6px;line-height:1.1;color:var(--navy)}.rivales-grid-dia span{display:block;font-size:11px;text-transform:uppercase}.rivales-grid-dia strong{display:block;font-size:17px}.rivales-grid-hora{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:flex-start;justify-content:flex-end;padding:10px 4px 0 0}.rivales-grid-celda{min-height:64px;background:var(--cream-card);border:1px solid var(--linea);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:5px}.rival-cel{display:flex;flex-direction:column;gap:5px;background:#c09a4624;border:1px solid var(--linea);border-radius:9px;padding:8px 8px 7px;text-decoration:none;color:var(--navy)}.rival-cel-eq{font-size:15px;font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rival-cel-meta{font-size:11px;color:var(--muted)}.rival-cel-btn{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:2px;background:#25d366;color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:7px 6px}.rival-cel-btn svg{flex:0 0 auto}.rival-cel-btn--off{background:#cbb98e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2a528c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{background:var(--cream-card);border-radius:18px;padding:22px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;border-top:6px solid var(--gold)}.modal h3{margin:0 0 4px;color:var(--navy);text-transform:uppercase;font-size:18px}.modal .subtitulo{font-size:13px;color:var(--muted);margin:0 0 14px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.field input{width:100%;padding:11px 12px;border-radius:10px;border:1.5px solid var(--linea);font-family:inherit;font-size:15px;color:var(--ink);background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.field input:hover{border-color:var(--gold)}.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c09a4647}.field .check{display:flex;align-items:center;gap:8px;text-transform:none;font-size:14px;color:var(--ink)}.field .check input{width:auto}select{width:100%;padding:11px 40px 11px 13px;border-radius:10px;border:1.5px solid var(--linea);background-color:#fff;font-family:inherit;font-size:15px;color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23123C6E'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .12s ease,box-shadow .12s ease}select:hover{border-color:var(--gold)}select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c09a4647}select:disabled{opacity:.55;cursor:not-allowed;background-color:#f3efe2}input[type=date],input[type=time]{font-family:inherit;color:var(--ink)}.tel-split{display:flex;align-items:center;gap:6px}.tel-fijo{font-size:15px;font-weight:700;color:var(--muted);white-space:nowrap}.tel-split input{width:100%}.tel-area{flex:0 0 62px;text-align:center}.tel-num{flex:1 1 auto}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .btn,.modal-actions a.btn{flex:1;text-align:center;text-decoration:none}.resumen-reserva{background:var(--navy);color:var(--gold-soft);padding:16px 18px;border-radius:14px;margin:16px 0}.resumen-reserva .resumen-titulo{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:6px}.resumen-reserva p{margin:3px 0;font-size:15px;color:var(--cream)}.dato-copiable{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--cream-card);border:1.5px solid var(--gold);border-radius:10px;padding:10px 12px;margin-bottom:12px}.dato-copiable strong{font-size:16px;color:var(--navy);word-break:break-all}.btn-copiar{flex:0 0 auto;border:1.5px solid var(--gold);background:var(--cream);color:var(--navy);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.error-msg{color:var(--danger);font-size:13px;margin-top:8px}.cargando{padding:40px 18px;text-align:center;color:var(--muted)}.login-box{max-width:380px;margin:70px auto;padding:26px;background:var(--cream-card);border-radius:16px;border-top:6px solid var(--gold);box-shadow:var(--sombra)}.login-box h2{color:var(--navy);margin-top:0}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--navy);color:var(--gold-soft)}.stat-card{background:var(--cream-card);border:1px solid var(--linea);border-radius:14px;padding:16px;margin:12px 20px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px}.big-num{font-size:28px;font-weight:700;color:var(--navy)}.tabs{display:flex;gap:8px;padding:16px 20px 8px;flex-wrap:wrap}.tab-btn{padding:9px 16px;border-radius:999px;border:1.5px solid var(--linea);background:var(--cream-card);cursor:pointer;font-weight:600;font-size:13px}.tab-btn.active{background:var(--navy);color:var(--gold-soft);border-color:var(--navy)}.pendiente-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:#fce4b8;border:1px solid #E8C98A;margin-bottom:8px;cursor:pointer;font:inherit}.pendiente-item:active{background:#f7d89a}.slot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;border-radius:10px;font-weight:600}.slot.pendiente{background:#c09a462e;color:var(--muted)}.slot.confirmada{background:#2e7d5b26;color:var(--ok)}.btn-primary{background:var(--navy);color:var(--gold-soft)}.dia-btn.no-habilitado{opacity:.35;cursor:not-allowed;text-decoration:line-through}.agenda-nav{margin-bottom:14px}.agenda-nav-row{display:flex;align-items:center;gap:8px;background:var(--navy);border-radius:12px;padding:6px}.agenda-flecha{flex:0 0 40px;height:44px;border:none;background:#ffffff14;color:var(--gold-soft);font-size:22px;border-radius:9px;cursor:pointer}.agenda-flecha:active{background:#ffffff2e}.agenda-fecha{flex:1;border:none;background:transparent;color:#fff;cursor:pointer;padding:4px;line-height:1.2}.agenda-fecha-dia{display:block;font-size:17px;font-weight:700;text-transform:capitalize}.agenda-fecha-mes{display:block;font-size:12px;color:var(--gold-soft);text-transform:capitalize}.agenda-datepicker{margin-top:8px;width:100%;padding:10px;border-radius:9px;border:1.5px solid var(--linea)}.agenda-resumen{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 12px}.agenda-card{background:var(--cream-card);border:1px solid var(--linea);border-radius:12px;padding:12px;margin-bottom:12px}.grilla{display:grid;grid-template-columns:46px 1fr 1fr;gap:6px}.grilla-cab{text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--navy);padding-bottom:2px}.grilla-hora{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-size:14px;font-weight:700;color:var(--ink);padding-right:4px;line-height:1.1}.grilla-hora span{font-size:12px;font-weight:500;color:var(--muted)}.grilla-celda{position:relative;min-height:72px;border:1px solid var(--linea);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;cursor:pointer;font:inherit}.grilla-celda:disabled{cursor:default}.grilla-celda.libre{background:#f3efe2}.grilla-celda.bloqueado{background:repeating-linear-gradient(45deg,#d8d2c2,#d8d2c2 6px,#cbc4b0 6px,#cbc4b0 12px)}.grilla-celda.bloqueado .grilla-celda-estado,.grilla-celda.bloqueado .grilla-celda-nombre{color:#6b6555}.grilla-celda.pendiente{background:var(--gold)}.grilla-celda.confirmada{background:var(--navy)}.grilla-celda.sel{outline:3px solid var(--gold-dark);outline-offset:1px}.grilla-celda-nombre{font-size:15px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grilla-celda-estado{font-size:11px;text-transform:uppercase;letter-spacing:.3px}.grilla-celda.libre .grilla-celda-nombre,.grilla-celda.libre .grilla-celda-estado{color:var(--muted)}.grilla-celda.pendiente .grilla-celda-nombre,.grilla-celda.pendiente .grilla-celda-estado{color:#3a2c07}.grilla-celda.confirmada .grilla-celda-nombre,.grilla-celda.confirmada .grilla-celda-estado{color:var(--gold-soft)}.grilla-celda-tag{position:absolute;top:3px;right:4px;font-size:11px}.grilla-leyenda{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}.grilla-leyenda span{display:flex;align-items:center;gap:5px}.grilla-leyenda .pt{width:11px;height:11px;border-radius:3px;display:inline-block}.pt.libre{background:#f3efe2;border:1px solid var(--linea)}.pt.pendiente{background:var(--gold)}.pt.confirmada{background:var(--navy)}.tl{position:relative;height:54px;background:#f3efe2;border:1px solid var(--linea);border-radius:10px;margin-top:14px}.tl-marca{position:absolute;top:-12px;transform:translate(-50%);font-size:10px;color:var(--muted);font-weight:700}.tl-tramo{position:absolute;top:6px;bottom:6px;border-radius:7px;border:none;font-size:11px;font-weight:700;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;cursor:pointer}.tl-tramo.pendiente{background:var(--gold-dark)}.tl-tramo.confirmada{background:var(--navy)}.tl-tramo.sel{outline:2px solid var(--gold-dark);outline-offset:1px}.agenda-card-titulo{font-weight:700;font-size:14px;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;gap:8px}.agenda-contador{font-size:12px;font-weight:700;color:var(--muted);background:#c09a4629;border-radius:999px;padding:2px 8px}.agenda-slots{display:flex;flex-direction:column;gap:6px}.agenda-slot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--linea);border-radius:9px;padding:10px 12px;cursor:pointer;font:inherit}.agenda-slot:disabled{cursor:default;opacity:.7}.agenda-slot.sel{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset}.agenda-slot.pendiente{background:#c09a461a}.agenda-slot.confirmada{background:#2e7d5b1a}.agenda-slot-hora{font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap}.agenda-slot-hora span{font-weight:500;color:var(--muted);font-size:12px}.agenda-slot-cliente{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-badge{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}.agenda-badge.libre{background:#2e7d5b26;color:var(--ok)}.agenda-badge.pendiente{background:#c09a4638;color:var(--gold-dark)}.agenda-badge.ocupada{background:#b3382e24;color:var(--danger)}.agenda-vacio{font-size:13px;color:var(--muted);margin:0}.agenda-detalle{margin-top:10px;padding:14px;border-radius:12px;background:#fff;border:1.5px solid var(--navy)}.agenda-detalle-code{font-family:monospace;font-weight:700;font-size:15px;color:var(--navy)}.agenda-detalle-cancha{font-size:21px;font-weight:800;color:var(--navy);line-height:1.2}.agenda-detalle-estado{display:inline-block;margin:6px 0;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700}.agenda-detalle-estado.pendiente{background:#c09a4638;color:var(--gold-dark)}.agenda-detalle-estado.confirmada{background:#2e7d5b2e;color:var(--ok, #2E7D5B)}.agenda-detalle-cliente{font-size:17px;font-weight:600;color:var(--ink);margin-top:2px}.agenda-detalle-meta{font-size:12px;color:var(--muted);margin-top:3px}