/* Estilos de las páginas de texto largo que traen clases propias: las dos
 * comparativas y el artículo del cha-ching roto. Sustituyen a los <style> en línea
 * que llevaban esas páginas con los tokens de la web anterior (--ink, --bg2,
 * --border, --emerald, --brass), que ya no existen. Todo cuelga de .prose. */

/* Compatibilidad: las tres páginas usaban main.prosa */
.prosa { width: min(var(--w-body), 100% - 2 * var(--gutter)); margin-inline: auto; padding-block: 64px var(--s-section); }
.prosa > * + * { margin-top: 1.2em; }
.prosa h2[id], .prosa h2, .prosa h3 { scroll-margin-top: 72px; }
.prosa .tabla-scroll, .prose .tabla-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.6em 0; }
.prosa .tabla-scroll table { margin: 0; }

/* Enlace a la otra lengua, bajo el titular */
.prose .otra-lengua, .prosa > p:first-of-type a[hreflang] { font-size: var(--fs-caption); }

/* Entradilla del artículo */
.entradilla { font-size: var(--fs-intro); line-height: var(--lh-intro); letter-spacing: var(--ls-intro); color: var(--c-ink-2); }
.entradilla strong { color: var(--c-ink); }

/* Índice: una página de arreglos se lee saltando */
.indice { background: var(--c-gray-50); border-radius: var(--r-card-sm); padding: 20px 24px; margin: 2em 0; }
.indice h2 { margin: 0 0 10px; font-size: var(--fs-eyebrow-sm); line-height: 1.33; letter-spacing: .06em; text-transform: uppercase; color: var(--c-ink-2); font-weight: 600; }
.indice ol { margin: 0; padding-left: 1.1em; }
.indice li { margin: .3em 0; }
.indice a { text-decoration: none; }
.indice a:hover { text-decoration: underline; }

/* Pasos numerados de un arreglo */
.ruta { background: var(--c-gray-50); border-left: 2px solid var(--c-brass-deep); border-radius: 0 var(--r-card-sm) var(--r-card-sm) 0; padding: 14px 18px; margin: 1em 0; font-size: 16px; }
.ruta p { margin: .3em 0; }

/* Avisos: "ojo con esto" y "esto no lo hemos podido verificar" */
.aviso { background: var(--c-gray-50); border-radius: var(--r-card-sm); padding: 18px 22px; margin: 1.4em 0; border-left: 2px solid var(--c-brass-deep); }
.aviso strong { color: var(--c-ink); }
.sin-verificar { border: 1px dashed var(--c-gray-300); border-radius: var(--r-card-sm); padding: 16px 20px; margin: 1.4em 0; font-size: 15px; color: var(--c-ink); }

/* El único bloque de producto del artículo */
.cierre { background: var(--c-gray-50); border-radius: var(--r-card); padding: 28px 30px; margin: 2.4em 0; }
.cierre > * + * { margin-top: .9em; }
.accion { border-top: 1px solid var(--c-gray-300); margin-top: 1.1em; padding-top: 1em; color: var(--c-ink); }
.accion a { color: var(--c-brass-deep); text-decoration: underline; text-underline-offset: 3px; }

/* Fuentes y vuelta */
.fuentes { font-size: var(--fs-caption); color: var(--c-ink); border-top: 1px solid var(--c-gray-300); margin-top: 3em; padding-top: 1.4em; }
.fuentes h2 { font-size: var(--fs-h4); }
.fuentes a { word-break: break-word; }
.volver { font-size: var(--fs-caption); margin-top: 2em; }
.volver a { text-decoration: none; }