:root{--brand-lime:#7ed957;--brand-navy:#0c1a2e;--primary:#00a8e8;--primary-dark:#0086b8;--primary-light:#4cc4f0;--accent:#5b7d6e;--accent-dark:#476456;--accent-light:#749685;--sport-football:#fff;--sport-basket:#f58220;--sport-tennis:#9ccc65;--bg-main:#0a1628;--bg-secondary:#0f2138;--bg-card:#ffffff0a;--bg-card-hover:#ffffff0f;--glass:#ffffff0f;--glass-strong:#ffffff1a;--blur:blur(12px);--text-secondary-dark:#14213de6;--shell-panel-glass:color-mix(in srgb, var(--bg-secondary) 100%, transparent);--shell-panel-glass-scrolled:color-mix(in srgb, var(--bg-secondary) 93%, transparent);--text-primary:#fff;--text-secondary:#b7c3d8;--text-muted:#6b7280;--border:#ffffff14;--border-strong:#ffffff29;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--accent-light) 100%);--gradient-bg:linear-gradient(180deg, var(--bg-main) 0%, var(--bg-secondary) 100%);--gradient-card:linear-gradient(145deg, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));--danger:#ff5d5d;--warning:#ffb020;--success:var(--accent-light);--shadow-soft:0 4px 20px #00000040;--shadow-glow:0 0 22px color-mix(in srgb, var(--primary) 28%, transparent);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--page-gutter:10px;--home-inline-pad:48px;--home-inline-pad-sm:40px}@media (width<=900px){:root{--home-inline-pad:22px;--home-inline-pad-sm:18px}}@media (width<=520px){:root{--home-inline-pad:16px;--home-inline-pad-sm:14px}}:root{--backoffice-head-line:var(--border-strong);--backoffice-row-line:var(--border);--backoffice-row-hover:color-mix(in srgb, var(--primary) 6%, transparent);--btn-primary-bg:var(--primary);--btn-primary-bg-hover:var(--primary-dark);--btn-primary-text:#fff}.container{width:100%;max-width:960px;margin-inline:auto;padding-inline:1.25rem}.container-fluid{width:100%;padding-inline:1.25rem}.py-5{padding-block:3rem}.mt-2{margin-top:.5rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.small{font-size:.875rem}.text-muted{color:color-mix(in srgb, var(--text-main,#eef3fb) 65%, transparent)}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.shadow-sm{box-shadow:var(--shadow-soft,0 4px 14px #0000001f)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alert{border-radius:var(--radius-md,12px);border:1px solid var(--border,#ffffff1f);padding:1rem 1.15rem}.alert-danger{background:color-mix(in srgb, #dc3545 18%, var(--bg-card,#1a2744));color:var(--text-main,#eef3fb);border-color:#dc354573}.alert-heading{margin:0 0 .35rem;font-size:1.125rem;font-weight:700}.btn{border-radius:var(--radius-sm,8px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg,var(--primary));color:var(--btn-primary-text,#fff);border-color:var(--btn-primary-bg,var(--primary))}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover,var(--primary-dark));border-color:var(--btn-primary-bg-hover,var(--primary-dark))}.btn-outline-secondary{color:var(--text-main,#eef3fb);border-color:var(--border-strong,#fff3);background:0 0}.btn-outline-secondary:hover:not(:disabled){background:var(--bg-card-hover,#ffffff0f)}.btn-outline-primary{color:var(--primary-light,#7eb8ff);border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:0 0}.btn-outline-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary,#4a9eff)}.spinner-border{border:.2em solid color-mix(in srgb, var(--primary) 25%, transparent);border-right-color:var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.7s linear infinite sp-spin}.text-primary{color:var(--primary)}@keyframes sp-spin{to{transform:rotate(360deg)}}.form-control{width:100%}html{background-color:var(--bg-secondary)}body{background:var(--gradient-bg);background-color:var(--bg-secondary);min-height:100svh;margin:0;font-family:Inter,system-ui,sans-serif}#root{background:#fff;width:100%;min-height:100svh}*{box-sizing:border-box}button{font-family:inherit}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff14 37%,#ffffff0d 63%) 0 0/400% 100%;border-radius:12px;height:80px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app-shell svg.svg-inline--fa{color:var(--sport-tennis)}.app-shell .hero-pro svg.svg-inline--fa{color:unset}.app-shell{box-sizing:border-box;width:100%;max-width:1600px;min-height:100svh;padding-left:max(var(--page-gutter,10px), env(safe-area-inset-left));padding-right:max(var(--page-gutter,10px), env(safe-area-inset-right));margin:0 auto}.weather-banner{border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.weather-banner--hot{background:color-mix(in srgb, var(--sport-basket) 12%, var(--bg-card));border-color:color-mix(in srgb, var(--sport-basket) 30%, transparent)}.weather-banner--cold{background:color-mix(in srgb, var(--primary) 10%, var(--bg-card))}.weather-banner--ideal{background:color-mix(in srgb, var(--accent-light) 12%, var(--bg-card))}.weather-banner-top{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.weather-banner-icon{font-size:14px}.weather-banner-temp{font-size:20px;font-weight:700}.weather-banner-text{color:var(--text-secondary);font-size:12px}.app{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.home-cover{border-radius:.5rem;width:min(100%,1100px);height:auto}.backend-status{align-items:center;gap:.5rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.status-loading{background-color:#f5a623}.status-connected{background-color:#2ecc71}.status-disconnected{background-color:#e74c3c}.toast-host{z-index:10800;inset-inline:.75rem;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:1rem}.toast-host__list{border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md,0 8px 24px #0000001f);pointer-events:auto;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.toast-host__item{border-radius:var(--radius-md,10px);border:1px solid var(--border-strong,#e2e8f0);background-color:var(--bg-card,black);box-shadow:var(--shadow-md,0 8px 24px #0000001f);align-items:flex-start;gap:.5rem;padding:.65rem .75rem;font-size:.9rem;line-height:1.35;display:flex}.toast-host__item--success{background-color:var(--success,#16a34a)}.toast-host__item--error{border-color:color-mix(in srgb, var(--danger,#dc2626) 45%, var(--border-strong,#e2e8f0))}.toast-host__item--info{border-color:color-mix(in srgb, var(--primary,#2563eb) 35%, var(--border-strong,#e2e8f0))}.toast-host__content{min-width:0;color:var(--text-primary,#0f172a);flex:1}.toast-host__close{color:var(--text-secondary,#64748b);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;flex-shrink:0;margin:-.15rem -.2rem -.15rem 0;padding:.1rem .45rem;font-size:1.25rem;line-height:1}.toast-host__close:hover{color:var(--text-primary,#0f172a);background:color-mix(in srgb, var(--text-primary,#0f172a) 6%, transparent)}.toast-host__close:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}.cta-btn{cursor:pointer;box-sizing:border-box;border-style:solid;border-width:2px;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.cta-btn__icon{flex-shrink:0;width:1em;height:1em}.cta-btn--block{width:90%;margin:0 auto}.cta-btn--urgent{background:linear-gradient(145deg, var(--sport-basket), color-mix(in srgb, var(--sport-basket) 78%, #2b1400));color:var(--text-primary);border-color:#ffffff61;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff61}.cta-btn--reserve{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-light) 92%, #1e4a38), color-mix(in srgb, var(--accent-dark) 88%, #0d2118));color:var(--text-primary);border-color:color-mix(in srgb, var(--brand-lime) 35%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--accent) 42%, transparent), inset 0 1px 0 #ffffff42}.cta-btn--partidos{background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary-dark) 90%, #021428));color:var(--text-primary);border-color:color-mix(in srgb, var(--primary-light) 48%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--primary) 36%, transparent), inset 0 1px 0 #ffffff47}.cta-btn--featured{background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary-dark) 88%, #000510));color:var(--text-primary);border-color:color-mix(in srgb, var(--primary-light) 52%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--primary) 38%, transparent), inset 0 1px 0 #ffffff47}.cta-btn--nearby{background:linear-gradient(145deg, color-mix(in srgb, var(--sport-tennis) 85%, var(--primary-light)), color-mix(in srgb, var(--primary) 55%, var(--accent-light)));color:var(--brand-navy);box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff59;border-color:#ffffff6b}.cta-btn:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.03)}.cta-btn:active:not(:disabled){transform:scale(.98)}.cta-btn:disabled,.cta-btn.is-joined{opacity:.65;cursor:not-allowed;filter:none;transform:none}.cta-btn:disabled:hover,.cta-btn.is-joined:hover{filter:none;transform:none}.cta-btn.is-joined{background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);color:var(--text-muted);border-color:var(--border);box-shadow:none}.cta-btn:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}