/* Estilos del primer diseño, acotados a .legacy: solo afectan al contenido de las páginas aún sin rediseñar. */
.legacy *, .legacy *::before, .legacy *::after { box-sizing: border-box; }
.legacy img, .legacy svg { max-width: 100%; height: auto; display: block; }
.legacy h1, .legacy h2, .legacy h3, .legacy h4 { font-family: var(--fuente-titulo); line-height: 1.15; margin: 0 0 0.5em; color: var(--tinta); }
.legacy h1 { font-size: clamp(35.2px, 5vw, 57.6px); letter-spacing: -0.02em; }
.legacy h2 { font-size: clamp(27.2px, 3.4vw, 40px); letter-spacing: -0.015em; }
.legacy h3 { font-size: 20px; }
.legacy p { margin: 0 0 1em; }
.legacy a { color: var(--primario); text-underline-offset: 3px; }
.legacy a:hover { color: var(--primario-oscuro); }
.legacy :focus-visible { outline: 3px solid var(--acento); outline-offset: 2px; border-radius: 4px; }
.legacy ul, .legacy ol { padding-left: 1.25em; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
.legacy * { transition: none !important; animation: none !important; }
}

/* Base tipográfica del contenido antiguo (AgenIO cambia el tamaño raíz y aclara strong/label) */
.legacy { font-size: 17px; line-height: 1.65; color: var(--texto); }
.legacy strong, .legacy b { color: inherit; font-weight: 700; }
.legacy label { color: var(--texto); font-size: inherit; }
.legacy small, .legacy .pista { font-size: 14.5px; }
.legacy input, .legacy textarea, .legacy button { font-size: 16px; }