/* ADDARTICLES — estilos del contenido de los artículos, adaptados al tema.
   Usan las variables del propio tema: si cambiás los colores del tema,
   los artículos los siguen solos. */

:where(.addarticles-contenido) { line-height: 1.75; overflow-wrap: break-word; }
:where(.addarticles-contenido) > * + * { margin-top: 1.15em; }
:where(.addarticles-contenido) h2 { margin-top: 2.2em; padding-left: .6em; border-left: 4px solid var(--accent, #00f0ff); line-height: 1.25; }
:where(.addarticles-contenido) h3 { margin-top: 1.8em; line-height: 1.3; }
:where(.addarticles-contenido) h4, :where(.addarticles-contenido) h5, :where(.addarticles-contenido) h6 { margin-top: 1.5em; }
:where(.addarticles-contenido) a { color: var(--accent, #00f0ff); text-decoration: underline; text-underline-offset: 3px; }
:where(.addarticles-contenido) ul, :where(.addarticles-contenido) ol { padding-left: 1.4em; }
:where(.addarticles-contenido) li + li { margin-top: .4em; }
:where(.addarticles-contenido) li::marker { color: var(--accent, #00f0ff); }
:where(.addarticles-contenido) strong { font-weight: 700; }
:where(.addarticles-contenido) blockquote { margin: 1.8em 0; padding: 1.1em 1.4em; border-left: 4px solid var(--accent, #00f0ff); background: var(--surface, #0b0e1c); border-radius: 0 var(--radius, 4px) var(--radius, 4px) 0; font-style: italic; }
:where(.addarticles-contenido) blockquote > * + * { margin-top: .6em; }
:where(.addarticles-contenido) blockquote cite { display: block; font-size: .875em; font-style: normal; color: var(--ink-muted, #8fa0c8); }
:where(.addarticles-contenido) .addarticles-figura { margin: 2em 0; }
:where(.addarticles-contenido) img { display: block; max-width: 100%; height: auto; border-radius: var(--radius, 4px); }
:where(.addarticles-contenido) figcaption { margin-top: .6em; font-size: .875em; text-align: center; color: var(--ink-muted, #8fa0c8); }
:where(.addarticles-contenido) .addarticles-tabla { overflow-x: auto; margin: 1.8em 0; border: 1px solid var(--border, #1e2a55); border-radius: var(--radius, 4px); }
:where(.addarticles-contenido) table { width: 100%; border-collapse: collapse; font-size: .95em; }
:where(.addarticles-contenido) th, :where(.addarticles-contenido) td { padding: .75em 1em; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border, #1e2a55); }
:where(.addarticles-contenido) tr:last-child td { border-bottom: 0; }
:where(.addarticles-contenido) th { font-weight: 700; background: color-mix(in srgb, var(--accent, #00f0ff) 14%, transparent); }
:where(.addarticles-contenido) caption { padding: .6em; font-size: .875em; color: var(--ink-muted, #8fa0c8); }
:where(.addarticles-contenido) pre { padding: 1em 1.2em; overflow-x: auto; background: var(--surface, #0b0e1c); border: 1px solid var(--border, #1e2a55); border-radius: var(--radius, 4px); font-size: .9em; line-height: 1.6; }
:where(.addarticles-contenido) :not(pre) > code { padding: .1em .35em; background: var(--surface, #0b0e1c); border-radius: 4px; font-size: .9em; }
:where(.addarticles-contenido) hr { border: 0; border-top: 1px solid var(--border, #1e2a55); margin: 2.5em 0; }
:where(.addarticles-contenido) mark { background: color-mix(in srgb, var(--accent, #00f0ff) 30%, transparent); color: inherit; padding: 0 .2em; }
:where(.addarticles-contenido) details { padding: .8em 1.1em; border: 1px solid var(--border, #1e2a55); border-radius: var(--radius, 4px); background: var(--surface, #0b0e1c); }
:where(.addarticles-contenido) summary { cursor: pointer; font-weight: 700; }
:where(.addarticles-contenido) .addarticles-video { position: relative; aspect-ratio: 16 / 9; margin: 2em 0; }
:where(.addarticles-contenido) .addarticles-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: var(--radius, 4px); }
:where(.addarticles-contenido) video { width: 100%; border-radius: var(--radius, 4px); }
:where(.addarticles-contenido) .addarticles-cta { margin: 2em 0; text-align: center; }
.addarticles-contenido .addarticles-cta a[class] { color: var(--accent-ink); text-decoration: none; }
:where(.addarticles-contenido) .addarticles-cta a:not([class]) { display: inline-block; padding: .85em 1.8em; background: var(--accent, #00f0ff); color: #fff; text-decoration: none; border-radius: var(--radius, 4px); font-weight: 700; }