.pagina-hero { padding: clamp(4rem, 10vh, 7rem) 0 3rem; }
.pagina-hero .meta { margin-bottom: 1rem; }
.pagina-hero p:not(.meta) { color: var(--texto-suave); font-size: var(--paso-1); max-width: 52ch; margin-top: 1.5rem; }
.bloque { padding: 4rem 0; }
.bloque--borde { border-top: 1px solid var(--linea); }
.dos-col { display: grid; gap: 2.5rem; }
@media (min-width: 64rem) { .dos-col { grid-template-columns: 1fr 1fr; } }
.tarjeta { border: 1px solid var(--tinta); border-radius: 3px; padding: 2.25rem; }
.tarjeta h3 { margin-bottom: 1rem; }
.tarjeta p, .tarjeta li { color: var(--texto-secundario); }
.tarjeta ul { padding-left: 1.1rem; margin: 0; }
.tarjeta li { margin-bottom: 0.6rem; }
.precio-nota { color: var(--acento); font-size: 0.9rem; }
.paso-detalle { display: grid; gap: 1.5rem; padding: 2.5rem 0; border-top: 1px solid var(--linea); }
@media (min-width: 64rem) { .paso-detalle { grid-template-columns: 180px 1fr; } }
.paso-detalle .fase__numeral { position: static; font-size: 5rem; opacity: 0.35; }
.paso-detalle h3 { margin-bottom: 0.75rem; }
.paso-detalle p { color: var(--texto-secundario); }
.cta-final { text-align: center; padding: 5rem 0 2rem; }
.contacto-caja { max-width: 34rem; }
.contacto-caja .boton { margin-top: 1rem; }