/* Estilos del primer diseño, acotados a .legacy: solo afectan al contenido de las páginas aún sin rediseñar. */
.legacy .contenedor { width: 100%; max-width: var(--ancho); margin: 0 auto; padding: 0 20px; }
.legacy .contenedor--texto { max-width: var(--ancho-texto); }
.legacy .seccion { padding: var(--espacio-seccion) 0; }
.legacy .seccion--suave { background: var(--fondo-suave); }
.legacy .seccion--oscura { background: var(--tinta); color: #d9dcea; }
.legacy .seccion--oscura h2, .legacy .seccion--oscura h3 { color: #fff; }
.legacy .seccion__cabecera { max-width: 680px; margin: 0 0 40px; }
.legacy .seccion__cabecera--centro { margin-left: auto; margin-right: auto; text-align: center; }
.legacy .sobretitulo { font-family: var(--fuente-titulo); font-weight: 700; font-size: 13.6px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--primario); margin: 0 0 12px; }
.legacy .seccion--oscura .sobretitulo { color: var(--acento); }
.legacy .rejilla { display: grid; gap: 24px; }
.legacy .rejilla--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.legacy .rejilla--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.legacy .rejilla--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
@media (max-width: 860px) {

}
@media (max-width: 860px) {

}
.legacy .pagina-cabecera { background: var(--tinta); color: #d9dcea; padding: clamp(48px, 7vw, 88px) 0; }
.legacy .pagina-cabecera h1 { color: #fff; margin-bottom: 12px; }
.legacy .pagina-cabecera p { max-width: 640px; font-size: 18.4px; margin: 0; }
.legacy .pagina-cabecera .sobretitulo { color: var(--acento); }