/* Side On · lo que suma el sitio a los estilos de las maquetas. */

/* Idiomas: en el sitio son enlaces (es · en · pt), con el mismo aspecto que los botones de las maquetas. */
.idioma a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 6px; min-width: 32px; min-height: 44px; color: var(--tinta-2); text-decoration: none; }
.idioma a[aria-current="true"] { color: var(--tinta); font-weight: 700; text-decoration: underline; text-decoration-color: var(--rojo); text-underline-offset: 0.3em; }
.idioma a:hover { color: var(--tinta); }

/* Textos legales y páginas de texto largo */
.texto-largo { padding-block: clamp(40px, 6vw, 88px); }
.texto-largo .marco { max-width: calc(760px + 2 * var(--gutter)); }
.texto-largo h1 { font-family: var(--f-titular); font-stretch: 112%; font-weight: 800; font-size: clamp(2rem, 1.3rem + 2.4vw, 3.25rem); line-height: 1.04; letter-spacing: -0.02em; }
.texto-largo h2 { margin-top: 40px; font-family: var(--f-titular); font-stretch: 110%; font-weight: 800; font-size: 1.375rem; line-height: 1.2; }
.texto-largo p, .texto-largo ul, .texto-largo ol { margin-top: 14px; max-width: 68ch; }
.texto-largo ul, .texto-largo ol { padding-left: 1.25em; }
.texto-largo ul { list-style: disc; }
.texto-largo ol { list-style: decimal; }
.texto-largo li + li { margin-top: 6px; }
.texto-largo .borrador { margin-top: 20px; padding: 14px 16px; border: 1.5px dashed var(--rojo); border-radius: var(--radio); font-size: 0.9375rem; }
.texto-largo .meta { margin-top: 10px; font-size: 0.875rem; color: var(--tinta-2); }
.pie__legal a { color: inherit; }

/* Novedades en Markdown: el cuerpo de la nota usa los estilos de la maqueta sin clases en el Markdown. */
.nota__cuerpo > h2 { margin-top: 20px; font-family: var(--f-titular); font-stretch: 110%; font-weight: 780; font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem); line-height: 1.12; letter-spacing: -0.015em; }
.nota__cuerpo > ul { padding: 0; list-style: none; }
.nota__cuerpo > ul li { position: relative; padding: 10px 0 10px 24px; border-bottom: 1px solid var(--linea); }
.nota__cuerpo > ul li::before { content: ""; position: absolute; left: 0; top: 1.3em; width: 12px; height: 2px; background: var(--rojo); }
.nota__cuerpo > ol { padding-left: 1.25em; list-style: decimal; }
.nota__cuerpo > ol li + li { margin-top: 8px; }