:root{color-scheme:light only;--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}button{font-family:inherit}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;background:var(--cream);padding-bottom:128px;position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:var(--navy);color:var(--gold-soft);position:sticky;top:0;z-index:20}.header h1{margin:0;font-size:26px;font-weight:600;letter-spacing:.5px;color:var(--gold-soft)}.header-btn{background:none;border:none;color:var(--gold-soft);cursor:pointer;padding:6px;display:flex;border-radius:8px}.header-btn:hover{background:#ffffff14}.buscador{background:var(--navy-soft);padding:10px 18px 14px}.buscador input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--gold);background:var(--cream-card);font-size:14px}.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;margin-bottom:4px}.fechas-rango{color:var(--cream);font-size:13px;font-weight:600;letter-spacing:.02em}.fechas-flecha{background:none;border:none;color:var(--cream);font-size:22px;line-height:1;padding:2px 10px;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)}.duracion{display:flex;align-items:center;gap:10px;padding:16px 18px 0;font-size:14px;color:var(--navy)}.duracion select{padding:8px 12px;border-radius:10px;border:1.5px solid var(--gold);background:var(--cream-card);font-size:14px}.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}.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)}.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-size:15px;background:#fff}.field input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.field .check{display:flex;align-items:center;gap:8px;text-transform:none;font-size:14px;color:var(--ink)}.field .check input{width:auto}.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}.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)}