:root{--cg-primary:#008d83;--cg-accent:#00b2d6;--cg-secondary:#4dd5a2;--cg-accent-strong:#007a94;--cg-primary-strong:#00655e;--cg-text-title:#212121;--cg-text-body:#424242;--cg-text-muted:#757575;--cg-border:#e0e0e0;--cg-bg:#f5f5f5;--cg-surface:#fff;--cg-success:#28a745;--cg-error:#dc3545;--cg-warning:#ffc107;--cg-turno-disponible-bg:#e2f8ef;--cg-turno-disponible-fg:#0a6b4f;--cg-turno-reservado-bg:#fff4d6;--cg-turno-reservado-fg:#7a5a00;--cg-turno-pagado-bg:#dff4fa;--cg-turno-pagado-fg:#075e75;--cg-turno-jugado-bg:#eee;--cg-turno-jugado-fg:#555;--cg-turno-cancelado-bg:#fbe3e6;--cg-turno-cancelado-fg:#8a1c28;--cg-turno-bloqueado-bg:#e8eaf6;--cg-turno-bloqueado-fg:#3f4b8c;--cg-rango-bronce-bg:#f6e7d8;--cg-rango-bronce-fg:#7a4a1c;--cg-rango-plata-bg:#eef1f4;--cg-rango-plata-fg:#4e5a64;--cg-rango-oro-bg:#fbf0d3;--cg-rango-oro-fg:#7a5a00;--cg-rango-diamante-bg:#e1f3fa;--cg-rango-diamante-fg:#0b5d7a;--cg-categoria-bg:#f0faf9;--cg-categoria-fg:#00655e;--cg-categoria-border:#99d1cd;--cg-font:"Montserrat", -apple-system, "Segoe UI", Roboto, sans-serif;--cg-h1-size:32px;--cg-h1-lh:40px;--cg-h1-weight:700;--cg-h2-size:24px;--cg-h2-lh:32px;--cg-h2-weight:600;--cg-h3-size:18px;--cg-h3-lh:24px;--cg-h3-weight:600;--cg-body-size:16px;--cg-body-lh:24px;--cg-body-weight:400;--cg-label-size:14px;--cg-label-lh:20px;--cg-label-weight:500;--cg-caption-size:12px;--cg-caption-lh:16px;--cg-caption-weight:400;--cg-space-xs:4px;--cg-space-sm:8px;--cg-space-md:16px;--cg-space-lg:24px;--cg-space-xl:32px;--cg-space-2xl:48px;--cg-radius-sm:4px;--cg-radius-md:8px;--cg-radius-lg:12px;--cg-shadow-card:0 4px 12px #00000014;--cg-shadow-knob:0 1px 3px #00000040;--cg-scrim:#21212180;--cg-touch-min:48px;--cg-focus-ring:0 0 0 2px #fff, 0 0 0 4px var(--cg-accent-strong)}.btn{font-family:var(--cg-font);font-size:var(--cg-label-size);line-height:var(--cg-label-lh);font-weight:var(--cg-label-weight);min-height:var(--cg-touch-min);box-sizing:border-box;padding:0 var(--cg-space-lg);border-radius:var(--cg-radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--cg-space-sm);border:none;width:100%;transition:filter .15s;display:inline-flex}.btn:hover{filter:brightness(.94)}.btn:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--cg-accent-strong);color:#fff}.btn-secundario{color:var(--cg-primary);border:1px solid var(--cg-primary);background:0 0}.btn-texto{color:var(--cg-accent-strong);background:0 0}.btn-destructivo{background:var(--cg-error);color:#fff}.btn .icon{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.field{gap:var(--cg-space-xs);display:grid}.field-label{font-size:var(--cg-label-size);line-height:var(--cg-label-lh);font-weight:var(--cg-label-weight);color:var(--cg-text-title)}.field-helper{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);font-weight:var(--cg-caption-weight);color:var(--cg-text-muted)}.field-error-msg{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);color:var(--cg-error);align-items:center;gap:var(--cg-space-xs);display:flex}.input{font-family:var(--cg-font);font-size:var(--cg-body-size);line-height:var(--cg-body-lh);font-weight:var(--cg-body-weight);color:var(--cg-text-body);box-sizing:border-box;width:100%;height:48px;padding:0 var(--cg-space-md);border:1px solid var(--cg-border);border-radius:var(--cg-radius-md);background:var(--cg-surface);transition:border-color .15s}.input::placeholder{color:var(--cg-text-muted)}.input:focus-visible{border:2px solid var(--cg-accent-strong);outline:none;padding:0 15px}.input-error{border:2px solid var(--cg-error);padding:0 15px}.input:disabled{background:var(--cg-bg);opacity:.5;cursor:not-allowed}.icon-sm{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.deporte-chip{font-family:var(--cg-font);font-size:var(--cg-label-size);line-height:var(--cg-label-lh);font-weight:var(--cg-label-weight);min-height:var(--cg-touch-min);box-sizing:border-box;padding:0 var(--cg-space-md);border-radius:var(--cg-radius-md);border:1px solid var(--cg-border);background:var(--cg-surface);color:var(--cg-text-body);white-space:nowrap;cursor:pointer}.deporte-chip[aria-pressed=true]{background:var(--cg-primary-strong);color:#fff;border-color:var(--cg-primary-strong)}.deporte-chip:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}.chip-fijo{padding:0 var(--cg-space-sm);border-radius:var(--cg-radius-sm);background:var(--cg-categoria-bg);color:var(--cg-categoria-fg);border:1px solid var(--cg-categoria-border);font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);font-weight:var(--cg-label-weight);align-items:center;display:inline-flex}.chip-categoria{align-items:center;gap:var(--cg-space-xs);font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);font-weight:var(--cg-label-weight);padding:var(--cg-space-xs) var(--cg-space-sm);border-radius:var(--cg-radius-sm);background:var(--cg-categoria-bg);color:var(--cg-categoria-fg);border:1px solid var(--cg-categoria-border);display:inline-flex}.turno{font-family:var(--cg-font);border-radius:var(--cg-radius-md);padding:var(--cg-space-sm) var(--cg-space-md);min-height:var(--cg-touch-min);box-sizing:border-box;text-align:left;cursor:pointer;border:none;align-content:center;gap:0;width:100%;display:grid}.turno:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}.turno .quien{font-size:var(--cg-label-size);line-height:var(--cg-label-lh);font-weight:var(--cg-label-weight)}.turno .estado{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh)}.t-disponible{background:var(--cg-turno-disponible-bg);color:var(--cg-turno-disponible-fg)}.t-reservado{background:var(--cg-turno-reservado-bg);color:var(--cg-turno-reservado-fg)}.t-pagado{background:var(--cg-turno-pagado-bg);color:var(--cg-turno-pagado-fg)}.t-jugado{background:var(--cg-turno-jugado-bg);color:var(--cg-turno-jugado-fg)}.t-cancelado{background:var(--cg-turno-cancelado-bg);color:var(--cg-turno-cancelado-fg)}.t-bloqueado{background:var(--cg-turno-bloqueado-bg);color:var(--cg-turno-bloqueado-fg)}.t-pasado{background:var(--cg-bg);border:1px solid var(--cg-border);color:var(--cg-text-muted)}.toast{font-family:var(--cg-font);background:var(--cg-surface);border-radius:var(--cg-radius-md);box-shadow:var(--cg-shadow-card);border:1px solid var(--cg-border);border-left:4px solid var(--cg-border);min-height:var(--cg-touch-min);box-sizing:border-box;padding:var(--cg-space-sm) var(--cg-space-md);align-items:center;gap:var(--cg-space-sm);display:flex}.toast .icon{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.toast-exito{border-left-color:var(--cg-success)}.toast-exito .icon{color:var(--cg-success)}.toast-error{border-left-color:var(--cg-error)}.toast-error .icon{color:var(--cg-error)}.toast-aviso{border-left-color:var(--cg-warning)}.toast-aviso .icon{color:var(--cg-turno-reservado-fg)}.toast-titulo{font-size:var(--cg-label-size);line-height:var(--cg-label-lh);font-weight:var(--cg-label-weight);color:var(--cg-text-title)}.toast-detalle{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);color:var(--cg-text-muted)}.toast-cerrar{min-height:var(--cg-touch-min);min-width:var(--cg-touch-min);cursor:pointer;border-radius:var(--cg-radius-md);color:var(--cg-text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.toast-cerrar:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}.toast-cerrar .icon{width:20px;height:20px}.compromiso{font-family:var(--cg-font);gap:var(--cg-space-xs);display:grid}.compromiso-texto{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);color:var(--cg-text-body)}.compromiso-texto strong{color:var(--cg-text-title);font-weight:var(--cg-h3-weight)}.compromiso-barra{border-radius:var(--cg-radius-sm);background:var(--cg-border);height:6px;overflow:hidden}.compromiso-barra>span{background:var(--cg-primary-strong);border-radius:var(--cg-radius-sm);height:100%;display:block}