/* ============================================================
   tunueva.casa — Páginas de línea de tiempo (compra / venta)
   Complementa landing/estilos.css
   ============================================================ */

.subhero {
  background: var(--color-night-charcoal);
  padding: 96px 32px 72px;
}
.subhero__inner { max-width: 880px; margin: 0 auto; }
.subhero .seccion__kicker { color: var(--color-gold-soft); }
.subhero__titulo {
  font: var(--text-display-md); font-weight: var(--font-weight-light);
  color: var(--color-ivory); margin: 0 0 18px; text-wrap: pretty;
}
.subhero__sub {
  font: var(--text-body-lg); color: rgba(250,248,245,.72);
  max-width: 640px; margin: 0; text-wrap: pretty;
}
@media (max-width: 700px) { .subhero { padding: 72px 20px 56px; } }

.tl-pagina { max-width: 880px; margin: 0 auto; }
.tl-pagina .timeline { max-width: none; }
.tl-detalle {
  font: var(--text-body-sm); color: var(--text-body);
  margin: 12px 0 0; padding-top: 12px;
  border-top: 1px solid var(--border-default);
  text-wrap: pretty;
}
.tl-cruce { margin: 40px 0 0 76px; font: var(--text-body-md); }
@media (max-width: 560px) { .tl-cruce { margin-left: 56px; } }