/* ============================================================
   PÁGINAS LANZADERA · elegir sección o escuela
   ------------------------------------------------------------
   Son dos y son hermanas: /entrenar/ para adultos y /escuelas/
   para niños. Quien llega no sabe todavía qué quiere, así que lo
   primero que ve son las opciones, no una.

   Las dos usan ESTE archivo, para que no se separen. Antes cada
   una tenía su propia copia de las tarjetas y ya habían empezado
   a divergir: una con sombra y otra sin ella, una con precio y la
   otra sin él. Si hay que cambiar algo, se cambia aquí y cambia
   en las dos.

   REGLAS QUE NO SE TOCAN
     · Plano: ni sombras ni relieve. Al pasar por encima cambia el
       borde y el fondo, no la altura.
     · Mismo radio que las tarjetas de las páginas de sección.
     · El precio solo aparece si la base tiene una cifra.
     · 44 px de zona pulsable: la tarjeta entera es el enlace.

   Se carga con:
     <link rel="stylesheet" href="…/assets/css/lanzadera.css">
   DESPUÉS de apolana.css.
   ============================================================ */

.lanz-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: clamp(16px, 2.4vw, 24px);
}

/* Cada opción es una tarjeta-enlace grande, con foto arriba */
.lanz-card {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--crema-media);
  border-radius: var(--radio-grande); overflow: hidden;
  text-decoration: none; color: inherit;
  transition: border-color .18s ease, background .18s ease;
}
.lanz-card:hover { border-color: var(--azul-filete); background: var(--crema); }

/* El encuadre tira hacia arriba: la tarjeta es una franja apaisada y,
   recortando por el centro, las fotos de pista se quedan en piernas.
   Cada foto lo afina en Panel → Fotos de la web. */
.lanz-foto {
  width: 100%; height: clamp(150px, 22vw, 190px);
  object-fit: cover; object-position: center 30%;
  display: block; background: var(--crema-media);
}
.lanz-cuerpo { display: flex; flex-direction: column; gap: 10px; padding: clamp(18px, 2.4vw, 24px); flex: 1; }
.lanz-quien { font-size: 13px; color: var(--texto-suave); }
.lanz-card h2 { margin: 0; font-size: clamp(20px, 2.4vw, 24px); color: var(--navy); line-height: 1.15; }
.lanz-card p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--texto); flex: 1; }

.lanz-pie { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.lanz-ir { display: inline-flex; align-items: center; gap: 6px; color: var(--azul-oscuro); font-weight: 600; font-size: 15px; }
.lanz-ir i { font-style: normal; transition: transform .18s ease; }
.lanz-card:hover .lanz-ir i { transform: translateX(3px); }

/* El precio solo aparece cuando la base tiene una cifra. Si no la hay,
   este hueco se queda vacío: mejor nada que un precio a mano, y un
   «Consultar» aquí parecería un descuido. */
.lanz-desde { font-family: var(--fuente-texto); font-variant-numeric: tabular-nums; font-size: 14px; color: var(--navy); }
.lanz-desde:empty { display: none; }

/* Una tarjeta que además lleva un enlace secundario dentro. Va envuelta
   porque un enlace no puede vivir dentro de otro. */
.lanz-envoltorio {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--crema-media);
  border-radius: var(--radio-grande); overflow: hidden;
  transition: border-color .18s ease;
}
.lanz-envoltorio:hover { border-color: var(--azul-filete); }
.lanz-envoltorio .lanz-card { border: 0; border-radius: 0; }
.lanz-envoltorio .lanz-card:hover { background: transparent; }
.lanz-extra { margin: -8px 0 0; padding: 0 clamp(18px, 2.4vw, 24px) clamp(16px, 2vw, 20px); }
.lanz-extra a { font-size: 14px; color: var(--azul-oscuro); }

/* La cuota o la nota común, una línea bajo la rejilla. */
.lanz-socio { margin: clamp(18px, 2.4vw, 24px) 0 0; font-size: 15px; line-height: 1.55; color: var(--texto-suave); }
.lanz-socio b { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--navy); }
.lanz-socio:empty { display: none; }

/* Cierre: los dos caminos que siguen a elegir. */
.lanz-cierre {
  border-top: 1px solid var(--linea);
  margin-top: clamp(36px, 5vw, 56px); padding-top: clamp(28px, 4vw, 40px);
}
.lanz-cierre h2 { margin: 0 0 8px; }
.lanz-cierre p { margin: 0 0 18px; max-width: 56ch; font-size: 17px; line-height: 1.5; color: var(--texto); }
.lanz-botones { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 680px) {
  .lanz-grid { grid-template-columns: 1fr; }
  .lanz-botones { flex-direction: column; }
  .lanz-botones .btn { width: 100%; }
}