: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-strong);border:1px solid var(--cg-primary-strong);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}.select{appearance:none;padding-right:var(--cg-space-2xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--cg-space-md) center}.input-codigo{text-align:center;font-size:var(--cg-h2-size);font-weight:var(--cg-h2-weight);color:var(--cg-text-title);font-variant-numeric:tabular-nums;letter-spacing:var(--cg-space-sm)}.reenviar{justify-content:space-between;align-items:center;gap:var(--cg-space-sm);min-width:0;display:flex}.campo-con-prefijo{align-items:stretch;gap:var(--cg-space-sm);min-width:0;display:flex}.campo-con-prefijo .prefijo{padding:0 var(--cg-space-md);border:1px solid var(--cg-border);border-radius:var(--cg-radius-md);background:var(--cg-bg);height:48px;color:var(--cg-text-body);font-size:var(--cg-body-size);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;display:inline-flex}.campo-con-prefijo .input{min-width:0}input[type=date].input{appearance:none;min-width:0;max-width:100%;display:block}input[type=date].input::-webkit-date-and-time-value{text-align:left;margin:0}.canales{gap:var(--cg-space-sm);min-width:0;display:flex}.canal{min-width:0;min-height:var(--cg-touch-min);padding:0 var(--cg-space-sm);border:1px solid var(--cg-border);border-radius:var(--cg-radius-md);background:var(--cg-surface);font-family:var(--cg-font);font-size:var(--cg-label-size);font-weight:var(--cg-label-weight);color:var(--cg-text-body);cursor:pointer;flex:1 1 0}.canal.elegido{border:2px solid var(--cg-accent-strong);color:var(--cg-primary-strong)}.canal:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}.ver-clave{min-height:var(--cg-touch-min);width:100%;padding:0 var(--cg-space-md);border:1px solid var(--cg-border);border-radius:var(--cg-radius-md);background:var(--cg-surface);font-family:var(--cg-font);font-size:var(--cg-label-size);font-weight:var(--cg-label-weight);color:var(--cg-primary-strong);cursor:pointer;text-align:center}.ver-clave[aria-pressed=true]{border:2px solid var(--cg-accent-strong)}.ver-clave:focus-visible{box-shadow:var(--cg-focus-ring);outline:none}body{font-family:var(--cg-font);background:var(--cg-bg);color:var(--cg-text-body);margin:0}*,:before,:after{box-sizing:border-box}.pantalla{gap:var(--cg-space-lg);width:100%;max-width:420px;min-height:100dvh;padding:var(--cg-space-lg);padding-top:max(var(--cg-space-lg), env(safe-area-inset-top));padding-bottom:max(var(--cg-space-lg), env(safe-area-inset-bottom));flex-direction:column;min-width:0;margin:0 auto;display:flex}.pantalla-vacia{background:var(--cg-bg);min-height:100dvh}.tarjeta{background:var(--cg-surface);border-radius:var(--cg-radius-lg);box-shadow:var(--cg-shadow-card);padding:var(--cg-space-lg);gap:var(--cg-space-md);min-width:0;display:grid}.tarjeta h1{font-size:var(--cg-h2-size);line-height:var(--cg-h2-lh);font-weight:var(--cg-h2-weight);color:var(--cg-text-title);margin:0}.tarjeta h2{font-size:var(--cg-h3-size);line-height:var(--cg-h3-lh);font-weight:var(--cg-h3-weight);color:var(--cg-text-title);margin:0}.tarjeta p{font-size:var(--cg-body-size);line-height:var(--cg-body-lh);margin:0}.ayuda{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);color:var(--cg-text-muted)}.centrado{text-align:center}.marca{justify-items:center;gap:var(--cg-space-sm);padding:var(--cg-space-xl) 0 var(--cg-space-sm);display:grid}.marca-nombre{font-size:var(--cg-h1-size);line-height:var(--cg-h1-lh);font-weight:var(--cg-h1-weight);color:var(--cg-primary)}.marca-lema{font-size:var(--cg-body-size);line-height:var(--cg-body-lh);color:var(--cg-text-body);text-align:center;margin:0}.aviso{background:var(--cg-surface);border:1px solid var(--cg-border);border-left:4px solid var(--cg-error);border-radius:var(--cg-radius-md);padding:var(--cg-space-sm) var(--cg-space-md);font-size:var(--cg-label-size);line-height:var(--cg-label-lh);color:var(--cg-text-title)}.aviso-info{border-left-color:var(--cg-accent-strong)}.datos{gap:var(--cg-space-md);min-width:0;margin:0;display:grid}.datos div{gap:2px;min-width:0;display:grid}.datos dt{font-size:var(--cg-caption-size);line-height:var(--cg-caption-lh);color:var(--cg-text-muted)}.datos dd{font-size:var(--cg-body-size);line-height:var(--cg-body-lh);color:var(--cg-text-title);overflow-wrap:anywhere;margin:0}