/* =============================================================================
 *  alta.css — lo poco que el alta necesita además de `perfil.css`
 *
 *  🔴 SE APOYA EN `perfil.css` A PROPÓSITO. El alta y la pantalla del chip son
 *  la misma clase de página: una puerta suelta, fuera del club, en oscuro y con
 *  la marca arriba. Reutilizarla es lo que evita que dentro de tres meses haya
 *  dos diseños parecidos pero distintos — y esa hoja ya está resuelta, con su
 *  paleta de día y de noche y sin ninguna variable que pise nada de fuera.
 *
 *  Aquí solo van los campos de formulario, que el perfil no tiene.
 * ===========================================================================*/

.ficha{
  background:var(--panel); border:1px solid var(--borde); border-radius:16px;
  padding:22px 20px; margin-top:16px; max-width:560px;
}
.ficha label{
  display:block; margin-bottom:14px;
  font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--suave); font-weight:700;
}
.ficha input, .ficha select{
  display:block; width:100%; margin-top:7px;
  padding:13px 14px; font-size:16px;          /* 16 px o el iPhone hace zoom solo */
  background:var(--panel-2); color:var(--texto);
  border:1.5px solid var(--borde); border-radius:10px;
  font-family:inherit; font-weight:400; letter-spacing:normal; text-transform:none;
}
.ficha input:focus, .ficha select:focus{ outline:none; border-color:var(--coral) }

/* Las tres cajas de la fecha, en fila. */
.ficha .fecha{ display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:9px }
.ficha .fecha input{ margin-top:7px; text-align:center }

.ficha .nota{
  font-size:12.5px; color:var(--suave); margin:0 0 14px;
  text-transform:none; letter-spacing:normal; font-weight:400;
}
.ficha .btn{ width:100% }

.btn.secundario{
  background:none; border:1px solid var(--borde); color:var(--suave);
}
.btn.secundario:hover{ background:var(--panel-2) }

/* ── La antesala del club ────────────────────────────────────────────────────
   Lo que el ciclista TENDRÁ cuando Alfonso le suba el estudio. No es una lista
   de enlaces a propósito: no hay adónde ir todavía, y un enlace que no lleva a
   ningún sitio se siente como algo roto. */
.antesala{
  background:var(--panel); border:1px solid var(--borde); border-radius:16px;
  padding:18px 20px; max-width:560px;
}
.antesala .pronto{
  margin:0 0 14px; color:var(--texto); font-size:14.5px; line-height:1.55;
}
.antesala ul{ margin:0; padding:0; list-style:none; display:grid; gap:9px }
.antesala li{
  display:flex; align-items:center; gap:11px;
  background:var(--panel-2); border:1px solid var(--borde); border-radius:10px;
  padding:11px 13px; color:var(--suave); font-size:14.5px;
}
.antesala li .ic{ font-size:18px; width:auto; height:auto; flex:none }

.nota-suelta{ color:var(--suave); font-size:13.5px; margin:0 0 10px }