/* La fila de una experiencia.

   Vivia dentro de un <style> en talleres.html. Sale aqui porque las paginas
   de ciudad listan las mismas experiencias con las mismas clases -- las
   pinta el mismo generador, scripts/build-content.py::fila -- y dos copias
   de una hoja divergen en silencio. En este sitio eso ya paso con los menus
   y lo encontro Wilmar, no la puerta.

   Un indice es una lista, no una galeria: de los cinco talleres del archivo
   solo uno tiene imagen con procedencia registrada, y rellenar los otros con
   fotos de origen desconocido seria inventar. La fila lleva el peso. */

.listado{display:grid;gap:14px;margin-top:clamp(28px,4vh,46px)}
.fila{
  display:block;text-decoration:none;color:inherit;
  background:var(--papel);
  border:1px solid #21264f1f;
  /* El mismo gesto de la marca que en .marco: redondeado arriba a la
     izquierda, recto abajo. Aqui suavizado, porque es una fila y no una
     tarjeta de retrato. */
  border-radius:18px 18px 6px 6px;
  padding:clamp(18px,2.6vw,26px);
  transition:transform 180ms cubic-bezier(.32,.72,0,1), border-color 180ms ease;
}
a.fila:hover,a.fila:focus-visible{border-color:var(--coral);transform:translateY(-2px)}
.fila h3{font-family:var(--sans);font-size:1.18rem;font-weight:600;margin:0 0 4px;line-height:1.3}
.fila .resumen{margin:0;font-size:.95rem;opacity:.8;max-width:62ch}
.fila .datos{margin:12px 0 0;font-size:.84rem;opacity:.68;display:flex;flex-wrap:wrap;gap:4px 18px}
.fila .ir{display:inline-block;margin-top:12px;color:var(--cian);font-weight:600;font-size:.92rem;
          border-bottom:1.5px solid transparent}
a.fila:hover .ir,a.fila:focus-visible .ir{border-bottom-color:var(--cian)}
.fila .sello-pasado,.fila .sello-espera{margin:0 0 10px}
/* Anunciado y sin fecha. No es un sello de pasado y no puede parecerlo:
   el sitio viejo tenia un taller "Proximamente 2026" que se leia igual que
   uno con cupos abiertos. */
.sello-espera{
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cian);
  border:1.5px solid var(--cian);border-radius:999px;padding:5px 12px;
}
/* Con fecha confirmada. Hoy no hay ninguno, asi que esta regla no pinta
   nada; existe porque quien la pinta es el generador, y el dia que
   content/events.json traiga una fecha la fila tiene que salir vestida y
   no en blanco. */
.sello-proximo{
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--papel);background:var(--coral);
  border-radius:999px;padding:6px 13px;margin:0 0 10px;
}
@media (prefers-reduced-motion: reduce){ .fila{transition:none} }