/* ============================================================
   02 · CATÁLOGO
   Anatomy unlike siblings: composición APILADA — cabecera al
   margen, lámina ancha y un REGISTRO reglado (la tabla del PDF
   convertida en libro de cuentas: filetes de oro, sin caja).
   Rompe con el split del hero: aquí manda el eje vertical.
   ============================================================ */

.catalogo {
  padding: var(--seccion-y) var(--canal);
  background: var(--papel);
  border-top: 1px solid var(--filete);
}
.catalogo__cabe { display: grid; grid-template-columns: 1fr; gap: 1.1rem; max-width: 60ch; margin-bottom: clamp(2rem, 3vw, 3.4rem); }
.catalogo__titulo { font-size: var(--t-titulo); }
.catalogo__intro { font-size: var(--t-lead); color: var(--tinta-media); }

.catalogo__lamina { margin-bottom: clamp(2.2rem, 3.5vw, 3.6rem); }
.catalogo__lamina .plancha { aspect-ratio: 16 / 6.4; }
.catalogo__lamina img { aspect-ratio: 16 / 6.4; }

/* ---- registro reglado (tabla del PDF, editorial) ---- */
.catalogo__registro { width: 100%; border-collapse: collapse; }
.catalogo__registro thead th {
  font-family: "Public Sans", sans-serif;
  font-size: var(--t-folio); font-weight: 700; letter-spacing: 0.24em;
  text-transform: uppercase; color: var(--tinta-tenue); text-align: left;
  padding: 0 0 0.9rem; border-bottom: 2px solid var(--oro-hondo);
}
.catalogo__registro tbody td {
  padding: 1.5rem 1.6rem 1.5rem 0;
  border-bottom: 1px solid var(--filete); vertical-align: baseline;
}
.catalogo__registro tbody tr:last-child td { border-bottom: 0; }
.catalogo__registro tbody td:first-child {
  width: 34%;
  font-family: "Cormorant Garamond", serif;
  font-size: var(--t-rotulo); font-weight: 600; color: var(--tinta);
}
.catalogo__registro tbody td:last-child { color: var(--tinta-media); }
/* marca de pago al inicio de cada fila (humanización: no centrada) */
.catalogo__registro tbody td:first-child::before {
  content: ""; display: inline-block; width: 1.4rem; height: 2px;
  background: var(--oro-grad); margin-right: 0.9rem; vertical-align: middle;
}

.catalogo__pie { margin-top: clamp(2rem, 3vw, 3rem); display: flex; flex-wrap: wrap; gap: 1.4rem 2.4rem; align-items: center; justify-content: space-between; }
.catalogo__cierre { color: var(--tinta-media); max-width: 62ch; }

@media (max-width: 1024px) {
  .catalogo__lamina .plancha, .catalogo__lamina img { aspect-ratio: 16 / 9; }
  .catalogo__registro tbody td { padding: 1.3rem 0.8rem 1.3rem 0; }
  .catalogo__registro tbody td:first-child { width: 42%; }
  .catalogo__cierre { max-width: none; }
  .catalogo__pie { flex-direction: column; align-items: stretch; }
}