/* ==========================================================================
   reta-club.css · AKL-2026-RETA-CLUB-WEB-001 · «Nuevo para el repo»
   Ruta pública reta.padspot.app/club. Se importa DESPUÉS de reta-app.css.
   Todo sale de tokens: --rg-* (forma) y colors_and_type.css (color).
   Los --club-* son roles nuevos de web (escritorio no estaba medido en la
   hoja de 393). Code los copia tal cual; si una medida no está aquí, se pide.
   Las clases .lobbie-* vienen de AKL-2026-RETA-LOBBIE-SUPERFICIE-001, sin cambio
   de valores; solo se agregan las piezas de la web (arranques, cálculo, datos).
   ========================================================================== */
:root{
  --club-bp:1100px;               /* referencia: abajo de esto, una columna + botón flotante */
  --club-panel:440px;             /* ancho de la ventana de Lobbie en escritorio (modal, no columna) */
  --club-max:1200px;              /* ancho útil máximo de la página (sube de 1040: pantallas anchas respiran, no se vacían) */
  --club-side:48px;               /* margen lateral en escritorio */
  --club-vh:100vh;                /* alto del panel; revisión lo fija por parámetro */
  --club-sec:96px;                /* entre secciones · escritorio */
  --club-sec-sm:56px;             /* entre secciones · teléfono */
  --club-t-name:clamp(80px,7.4vw,128px); /* «RETA Club» · escritorio, crece con la pantalla */
  --club-t-name-sm:56px;          /* «RETA Club» · teléfono */
  --club-t-say:clamp(40px,3.3vw,56px);   /* frase editorial · escritorio */
  --club-t-say-md:36px;           /* frase editorial · tableta (700–1099) */
  --club-t-fig:88px;              /* cifra viva · escritorio */
  --club-t-fig-sm:64px;
  --club-phone:280px;
  --club-fab:48px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:radial-gradient(120% 80% at 50% -10%,var(--verde-corcuera) 0%,var(--verde-deep) 55%) var(--verde-deep);background-attachment:fixed;color:var(--fg-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:var(--fg-1)}a:hover{color:var(--fg-2)}

/* ── Esqueleto ── */
.club{display:grid;grid-template-columns:minmax(0,1fr)}
.club-page{min-width:0}
.club-wrap{max-width:calc(var(--club-max) + 2*var(--rg-gutter));margin:0 auto;padding:0 var(--rg-gutter)}
.club-sec{padding:var(--club-sec-sm) 0 0}
.club-head{display:flex;align-items:center;justify-content:space-between;gap:var(--rg-4);padding-top:calc(var(--rg-safe-top) + var(--rg-4))}
.club-head__lockup{display:block;width:180px;height:auto}
.club-head__wa{display:none}

/* ── Sobre el pliegue ── */
.club-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rg-10);padding-top:var(--rg-10)}
.club-hero__name{font-family:var(--font-display);font-weight:800;font-size:var(--club-t-name-sm);line-height:var(--rg-lh-tight);letter-spacing:-0.03em;margin:0}
.club-hero__say{font-family:var(--font-editorial);font-style:italic;font-weight:400;font-size:var(--rg-t-hero-sm);line-height:1.05;margin:var(--rg-3) 0 0;text-wrap:balance}
.club-hero__sub{font-size:var(--rg-t-bar);line-height:var(--rg-lh-body);color:var(--fg-2);margin:var(--rg-5) 0 0;max-width:40ch;text-wrap:pretty}
.club-ctas{display:flex;flex-wrap:wrap;gap:var(--rg-3);margin-top:var(--rg-8)}
.club-ctas .r-btn{flex:1 1 220px}
.club-orb{width:var(--rg-av-sm);height:var(--rg-av-sm);border-radius:var(--rg-r-pill);overflow:hidden;background:var(--verde-mid);flex:0 0 auto}
.club-orb img{width:100%;height:100%;object-fit:cover;display:block}
.club-shot{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--rg-3)}
.club-phone{width:240px;aspect-ratio:393/852;border-radius:36px;overflow:hidden;border:6px solid var(--verde-mid);box-shadow:var(--rg-sh-float);background:var(--verde-deep)}
.club-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.club-shot__cap{font-size:var(--rg-t-cap);font-weight:700;letter-spacing:var(--rg-ls-cap);text-transform:uppercase;color:var(--fg-3)}

/* ── Tipografía de sección ── */
.club-kick{font-size:var(--rg-t-cap);font-weight:700;letter-spacing:var(--rg-ls-cap);text-transform:uppercase;color:var(--fg-3);margin:0 0 var(--rg-3)}
.club-say{font-family:var(--font-editorial);font-style:italic;font-weight:400;font-size:var(--rg-t-hero-sm);line-height:1.08;margin:0;max-width:24ch;text-wrap:balance}
.club-say--wide{max-width:30ch}
.club-p{font-size:var(--rg-t-body);line-height:var(--rg-lh-body);color:var(--fg-2);margin:var(--rg-4) 0 0;max-width:52ch;text-wrap:pretty}

/* ── Chip «fundadores» · lo que se construye con los clubes; nunca en presente ── */
.club-fund{display:inline-flex;align-items:center;height:24px;padding:0 var(--rg-2);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-medium);font-size:var(--rg-t-cap);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;vertical-align:middle}

/* ── 2 · Lo que recibe ── */
.club-tri{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rg-gap-list);margin-top:var(--rg-8)}
.club-blk{background:var(--bg-card);border-radius:var(--rg-r-card);padding:var(--rg-pad-card-lg);box-shadow:var(--rg-sh-card);display:flex;flex-direction:column;gap:var(--rg-2)}
.club-blk__n{width:var(--rg-av);height:var(--rg-av);border-radius:var(--rg-r-pill);background:var(--pelota);color:var(--pelota-ink);box-shadow:0 0 0 var(--rg-hair) var(--pelota-edge);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--rg-t-body);margin-bottom:var(--rg-2)}
.club-blk__t{font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-name);line-height:var(--rg-lh-head);letter-spacing:var(--rg-ls-head);margin:0}
.club-blk__p{font-size:var(--rg-t-body);line-height:var(--rg-lh-body);color:var(--fg-3);margin:0;text-wrap:pretty}
.club-blk .club-fund{align-self:flex-start;margin-top:var(--rg-2)}

/* ── 3 · Cifra viva ── */
.club-live{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--rg-3) var(--rg-6);margin-top:var(--rg-6)}
.club-live__fig{font-family:var(--font-display);font-weight:800;font-size:var(--club-t-fig-sm);line-height:0.9;letter-spacing:-0.03em}
.club-live__lbl{font-size:var(--rg-t-bar);line-height:var(--rg-lh-head);color:var(--fg-2);max-width:22ch;padding-bottom:var(--rg-1)}
.club-live__dot{display:inline-block;width:10px;height:10px;border-radius:var(--rg-r-pill);background:var(--pelota);margin-right:var(--rg-2);vertical-align:middle}
.club-sample{display:inline-flex;align-items:center;height:24px;padding:0 var(--rg-2);border-radius:var(--rg-r-pill);border:var(--rg-hair) dashed var(--border-medium);font-family:var(--font-mono);font-size:var(--rg-t-cap);color:var(--fg-3)}

/* ── 4 · Evento mensual · la única .card-enfasis de la página ── */
.club-evento{border-radius:var(--rg-r-card);padding:var(--rg-6) var(--rg-pad-card-lg);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rg-8);background:var(--bg-primary);color:var(--fg-1)}
.club-evento .club-say{max-width:18ch}
.club-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rg-3);margin-top:var(--rg-6);padding-top:var(--rg-4);border-top:var(--rg-hair) solid var(--border-line)}
.club-fact__n{font-family:var(--font-display);font-weight:800;font-size:var(--rg-t-h1);line-height:1;letter-spacing:var(--rg-ls-head)}
.club-fact__l{font-size:var(--rg-t-meta);line-height:1.3;color:var(--fg-3);margin-top:var(--rg-1)}
.club-facts__note{grid-column:1/-1;font-size:var(--rg-t-meta);color:var(--fg-3)}
/* Encima de un gráfico: la cancha es verde en los dos modos (Regla 10).
   Solo tokens que no se remapean; la línea de cancha va literal a propósito. */
.club-courts{align-self:center;background:var(--verde-corcuera);border-radius:var(--rg-r-inner);padding:var(--rg-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rg-2)}
.club-court{position:relative;aspect-ratio:1/2;border-radius:var(--rg-r-court);background:var(--verde-deep);box-shadow:inset 0 0 0 1px rgba(248,246,231,.28)}
.club-court::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(248,246,231,.5)}
.club-court i{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:var(--pelota);transform:translate(-50%,-50%)}
.club-court i:nth-child(1){left:30%;top:22%}.club-court i:nth-child(2){left:70%;top:30%}
.club-court i:nth-child(3){left:32%;top:72%}.club-court i:nth-child(4){left:68%;top:78%}
.club-courts__cap{grid-column:1/-1;font-size:var(--rg-t-cap);font-weight:700;letter-spacing:var(--rg-ls-cap);text-transform:uppercase;color:rgba(248,246,231,.73);margin-top:var(--rg-1)}

/* ── 5 · Precio ── */
.club-calc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rg-4);margin-top:var(--rg-8);max-width:720px;padding:var(--rg-pad-card) var(--rg-pad-card-lg);border-radius:var(--rg-r-card);border:var(--rg-hair) solid var(--border-line)}
.club-calc__t{font-size:var(--rg-t-body);line-height:var(--rg-lh-body);color:var(--fg-2);margin:0}
.club-calc__t b{color:var(--fg-1)}

/* ── 6/7 · Fundadores y cierre ── */
.club-close{padding-bottom:var(--club-sec-sm)}
.club-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--rg-6);padding:var(--rg-8) 0 calc(var(--rg-8) + var(--club-fab) + var(--rg-safe-bot));border-top:var(--rg-hair) solid var(--border-subtle)}
.club-foot__lockup{width:180px;height:auto;display:block}
.club-foot__links{display:flex;gap:var(--rg-5);font-size:var(--rg-t-meta);color:var(--fg-3)}
.club-foot__links a{color:var(--fg-2)}

/* ── Botón flotante · discreto: el orbe y «¿Dudas?» ── */
.club-fab{position:fixed;right:var(--rg-gutter);bottom:calc(var(--rg-4) + var(--rg-safe-bot));z-index:40;height:var(--club-fab);padding:0 var(--rg-4) 0 var(--rg-1);display:flex;align-items:center;gap:var(--rg-2);border:var(--rg-hair) solid var(--border-medium);border-radius:var(--rg-r-pill);background:var(--bg-nav);color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-body);box-shadow:var(--rg-sh-float);cursor:pointer}
.club-fab .club-orb{width:38px;height:38px}
.lb-open .club-fab{visibility:hidden}
/* Aviso único por visita, al 60% de la página */
.club-nudge{position:fixed;right:var(--rg-gutter);bottom:calc(var(--rg-4) + var(--rg-safe-bot) + var(--club-fab) + var(--rg-2));z-index:41;max-width:240px;padding:var(--rg-3) var(--rg-4);border:0;border-radius:var(--rg-r-card) var(--rg-r-card) var(--rg-1) var(--rg-r-card);background:var(--accent);color:var(--fg-on-accent);font-family:var(--font-body);font-size:var(--rg-t-body);line-height:var(--rg-lh-body);text-align:left;box-shadow:var(--rg-sh-float);cursor:pointer;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .3s,transform .3s,visibility 0s linear .3s}
.club-nudge.is-on{opacity:1;transform:none;visibility:visible;transition:opacity .3s,transform .3s}
.lb-open .club-nudge{visibility:hidden}

/* ── Lobbie · modal encima de la página. La página no se encoge ni se mueve. ── */
.club-lobbie{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg-primary);padding-top:var(--rg-safe-top);outline:0;transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}
.lb-open .club-lobbie{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.club-scrim{position:fixed;inset:0;z-index:45;background:color-mix(in srgb,var(--verde-deep) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .32s,visibility 0s linear .32s}
.lb-open .club-scrim{opacity:1;visibility:visible;transition:opacity .32s}

/* ── Entradas a Lobbie: preguntas en contexto + preguntas frecuentes ── */
.club-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rg-2);margin-top:var(--rg-6)}
.club-ask__k{display:flex;align-items:center;gap:var(--rg-2);font-size:var(--rg-t-meta);color:var(--fg-3);margin-right:var(--rg-1)}
.club-ask__k img{width:24px;height:24px;border-radius:var(--rg-r-pill);display:block}
.club-ask__q{min-height:var(--rg-tap);padding:var(--rg-2) var(--rg-4);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-medium);background:none;color:var(--fg-1);font-family:var(--font-body);font-weight:500;font-size:var(--rg-t-body);text-align:left;cursor:pointer}
.club-ask__q:hover{background:var(--accent-tint)}
.club-faq{list-style:none;margin:var(--rg-6) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--rg-8);border-top:var(--rg-hair) solid var(--border-subtle)}
.club-faq li{border-bottom:var(--rg-hair) solid var(--border-subtle)}
.club-faq button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--rg-4);padding:var(--rg-4) 0;border:0;background:none;color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-name);line-height:1.2;text-align:left;cursor:pointer}
.club-faq button span:last-child{flex:0 0 auto;color:var(--fg-3);font-weight:400}
.club-faq button:hover span:last-child{color:var(--fg-1)}
.lobbie-modal__head{flex:0 0 auto;display:flex;align-items:center;gap:var(--rg-3);padding:var(--rg-4) var(--rg-gutter) var(--rg-3);border-bottom:var(--rg-hair) solid var(--border-subtle)}
.lobbie-avatar{width:var(--rg-av);height:var(--rg-av);border-radius:var(--rg-r-pill);overflow:hidden;background:var(--verde-mid);flex:0 0 auto}
.lobbie-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.lobbie-modal__title{font-family:var(--font-display);font-weight:800;font-size:var(--rg-t-name);line-height:1.1}
.lobbie-modal__sub{font-size:var(--rg-t-meta);color:var(--fg-3);margin-top:1px}
.lobbie-close{margin-left:auto;width:var(--rg-tap);height:var(--rg-tap);flex:0 0 auto;border:0;border-radius:var(--rg-r-pill);background:var(--accent-tint);color:var(--fg-1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1}
.lobbie-body{flex:1 1 auto;overflow-y:auto;padding:var(--rg-4) var(--rg-gutter);display:flex;flex-direction:column;gap:var(--rg-3)}
.lobbie-body--center{justify-content:center;gap:var(--rg-2)}
.lobbie-empty-icon{width:64px;height:64px;border-radius:var(--rg-r-pill);overflow:hidden;background:var(--verde-mid);align-self:center;box-shadow:0 0 32px var(--accent-glow)}
.lobbie-empty-icon img{width:100%;height:100%;object-fit:cover;display:block}
.lobbie-row{display:flex}
.lobbie-row--user{justify-content:flex-end}
.bub{max-width:88%;padding:var(--rg-3);font-size:var(--rg-t-body);line-height:var(--rg-lh-body);text-wrap:pretty}
.bub-col .bub{max-width:100%}
.bub--lobbie{background:var(--bg-elevated);color:var(--fg-1);border-radius:var(--rg-r-card) var(--rg-r-card) var(--rg-r-card) var(--rg-1)}
.bub--user{background:var(--bg-elevated);color:var(--fg-1);border:1.5px solid var(--crema);border-radius:var(--rg-r-card) var(--rg-r-card) var(--rg-1) var(--rg-r-card)}
.bub--error{background:var(--bg-elevated);color:var(--fg-2)}
.bub-col{display:flex;flex-direction:column;gap:var(--rg-2);max-width:88%}
.lobbie-pill{align-self:flex-start;min-height:var(--rg-h-btn-sm);padding:0 var(--rg-4);border-radius:var(--rg-r-pill);background:var(--accent);color:var(--fg-on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-body);border:0;cursor:pointer;display:inline-flex;align-items:center}
.lobbie-typing{display:flex;gap:4px;align-items:center;background:var(--bg-elevated);border-radius:var(--rg-r-pill);padding:10px 14px;width:fit-content}
.lobbie-typing span{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:lb-blink 1.1s infinite ease-in-out}
.lobbie-typing span:nth-child(2){animation-delay:.15s}.lobbie-typing span:nth-child(3){animation-delay:.3s}
@keyframes lb-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.lobbie-foot{flex:0 0 auto;display:flex;align-items:center;gap:var(--rg-2);padding:var(--rg-3) var(--rg-gutter);padding-bottom:calc(var(--rg-3) + var(--rg-safe-bot));border-top:var(--rg-hair) solid var(--border-subtle)}
.lobbie-field{flex:1 1 auto;min-width:0;height:var(--rg-h-field);padding:0 var(--rg-4);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-line);background:var(--bg-input);color:var(--fg-1);font-family:var(--font-body);font-size:var(--rg-t-body)}
.lobbie-field::placeholder{color:var(--fg-3)}
.lobbie-send{flex:0 0 auto;min-height:var(--rg-h-btn-sm);padding:0 var(--rg-4);border-radius:var(--rg-r-pill);background:var(--bg-elevated);color:var(--fg-1);border:0;font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-body);cursor:pointer}
.lobbie-retry{margin-top:var(--rg-2);align-self:flex-start;min-height:var(--rg-h-btn-sm);padding:0 var(--rg-4);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-medium);background:none;color:var(--fg-2);font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-body);cursor:pointer}
/* Piezas nuevas de la web */
.lb-hello{text-align:center;display:flex;flex-direction:column;gap:var(--rg-1);margin:var(--rg-3) 0 var(--rg-4)}
.lb-hello__t{font-family:var(--font-display);font-weight:800;font-size:var(--rg-t-name)}
.lb-hello__p{font-size:var(--rg-t-body);color:var(--fg-3);line-height:var(--rg-lh-body)}
.lb-starter{min-height:var(--rg-tap);padding:var(--rg-2) var(--rg-4);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-medium);background:none;color:var(--fg-1);font-family:var(--font-body);font-weight:500;font-size:var(--rg-t-body);text-align:left;cursor:pointer}
.lb-starter:hover{background:var(--accent-tint)}
.lb-chips{display:flex;flex-wrap:wrap;gap:var(--rg-2)}
.lb-chip{height:var(--rg-h-chip);padding:0 var(--rg-3);border-radius:var(--rg-r-pill);border:var(--rg-hair) solid var(--border-medium);background:none;color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:var(--rg-t-meta);cursor:pointer}
.lb-calc{margin:var(--rg-3) 0;display:flex;flex-direction:column;border-radius:var(--rg-r-inner);background:var(--bg-card)}
.lb-calc__row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--rg-3)}
.lb-calc__row+.lb-calc__row{border-top:var(--rg-hair) solid var(--border-line)}
.lb-calc__row b{font-family:var(--font-display);font-weight:800;font-size:var(--rg-t-num)}
.lb-form{background:var(--bg-elevated);border-radius:var(--rg-r-card);padding:var(--rg-pad-card);display:flex;flex-direction:column;gap:var(--rg-3)}
.lb-form label{display:flex;flex-direction:column;gap:var(--rg-1);font-size:var(--rg-t-meta);color:var(--fg-2);font-weight:600}
.lb-form input{height:var(--rg-tap);padding:0 var(--rg-3);border-radius:var(--rg-r-field);border:var(--rg-hair) solid var(--border-line);background:var(--bg-input);color:var(--fg-1);font-family:var(--font-body);font-size:var(--rg-t-body)}
.lb-form__pair{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:var(--rg-2)}
.lb-form .r-btn{margin-top:var(--rg-1)}
.lb-priv{font-size:var(--rg-t-cap);line-height:1.45;color:var(--fg-3);margin:0}
.lb-priv a{color:var(--fg-2)}
.lb-ok{background:var(--bg-card);border-radius:var(--rg-r-inner);padding:var(--rg-3);margin-top:var(--rg-3);display:flex;flex-direction:column;gap:var(--rg-1);font-size:var(--rg-t-meta);color:var(--fg-3)}
.lb-ok b{color:var(--fg-1);font-weight:600}
.lb-ok__k{display:flex;align-items:center;gap:var(--rg-2);font-size:var(--rg-t-cap);font-weight:700;letter-spacing:var(--rg-ls-cap);text-transform:uppercase;color:var(--fg-2);margin-bottom:var(--rg-1)}
.lb-ok__k i{width:8px;height:8px;border-radius:50%;background:var(--pelota)}
.lb-off{font-size:var(--rg-t-cap);font-weight:700;letter-spacing:var(--rg-ls-cap);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--rg-1)}
.lb-still .lobbie-typing span,.lb-still .club-lobbie,.lb-still .club-scrim,.lb-still .club-nudge{animation:none;transition:none}

/* ── Canchas del evento: en una sola columna van en dos filas de 8, no una pared de 4×4 ── */
@media (min-width:560px){
  .club-courts{grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:480px}
}

/* ── Tableta / escritorio angosto (700–1099): dos columnas donde hay con qué ── */
@media (min-width:700px){
  .club-wrap{padding:0 var(--rg-8)}
  .club-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:var(--rg-8)}
  .club-hero__name{font-size:clamp(56px,9vw,88px)}
  .club-ctas .r-btn{flex:0 0 auto;white-space:nowrap;padding-left:var(--rg-8);padding-right:var(--rg-8)}
  .club-say{font-size:var(--club-t-say-md)}
  .club-tri{grid-template-columns:repeat(3,minmax(0,1fr))}
  .club-close{text-align:center;display:flex;flex-direction:column;align-items:center}
  .club-close .club-say,.club-close .club-p{margin-left:auto;margin-right:auto}
  .club-close .club-ctas{justify-content:center}
  .club-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Ventana de chat al centro-derecha, del tamaño de un teléfono */
  .club-lobbie{inset:auto;top:10vh;right:max(var(--rg-8),6vw);width:min(var(--club-panel),calc(100vw - 2*var(--rg-8)));height:80vh;padding-top:0;border-radius:var(--rg-r-card);border:var(--rg-hair) solid var(--border-line);box-shadow:var(--rg-sh-float);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .24s,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}
  .lb-open .club-lobbie{opacity:1;transform:none;transition:opacity .24s,transform .24s cubic-bezier(.2,.8,.2,1)}
  .lobbie-foot{padding-bottom:var(--rg-3)}
}

/* ── Escritorio ── */
@media (min-width:1100px){
  .club-wrap{padding:0 var(--club-side);max-width:calc(var(--club-max) + 2*var(--club-side))}
  .club-sec{padding-top:var(--club-sec)}
  .club-head{padding-top:var(--rg-6)}
  .club-head__wa{display:flex}
  .club-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:var(--rg-12);padding-top:var(--rg-12)}
  .club-hero__name{font-size:var(--club-t-name)}
  .club-hero__say{font-size:var(--club-t-say)}
  .club-ctas .r-btn{flex:0 0 auto}
  .club-phone{width:var(--club-phone)}
  .club-say{font-size:var(--club-t-say)}
  .club-tri{grid-template-columns:repeat(3,minmax(0,1fr))}
  .club-live__fig{font-size:var(--club-t-fig)}
  .club-evento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--rg-12);align-items:start}
  .club-courts{grid-template-columns:repeat(8,minmax(0,1fr));align-self:start}
  .club-close{padding-bottom:var(--club-sec)}
}