/*
 * Texto largo escrito en el editor de WordPress: artículos del blog, páginas
 * (términos, privacidad) y el texto libre de fichas y portada.
 *
 * Cada regla apunta a :is(.entry-content, .editor-styles-wrapper):
 *   - en el sitio, el texto va dentro de .entry-content;
 *   - en el editor, WordPress envuelve el contenido en .editor-styles-wrapper y
 *     deja intactas las reglas que ya lo nombran.
 * Así el editor muestra el texto igual que publicado, con un solo archivo.
 */

:root {
  --c-ink: #1A1A1A; --c-ink-2: #2E2C28; --c-muted: #6B6860; --c-line: #E8E4DF; --c-subtle: #EEEBE6; --c-yellow: #F0FE60;
  --c-size: 19px; --c-line-height: 1.7;
}

:is(.entry-content, .editor-styles-wrapper) { font-family: 'DM Sans', system-ui, -apple-system, sans-serif; font-size: var(--c-size); line-height: var(--c-line-height); color: var(--c-ink-2); }
:is(.entry-content, .editor-styles-wrapper) > * + * { margin-top: 1.1em; }
:is(.entry-content, .editor-styles-wrapper) h2 { margin-top: 2em; font-size: 34px; line-height: 1.15; font-weight: 770; letter-spacing: -.025em; color: var(--c-ink); }
:is(.entry-content, .editor-styles-wrapper) h3 { margin-top: 1.6em; font-size: 25px; line-height: 1.25; font-weight: 740; letter-spacing: -.015em; color: var(--c-ink); }
:is(.entry-content, .editor-styles-wrapper) h4 { margin-top: 1.4em; font-size: 20px; font-weight: 720; color: var(--c-ink); }
:is(.entry-content, .editor-styles-wrapper) a { color: var(--c-ink); font-weight: 600; text-underline-offset: 3px; }
:is(.entry-content, .editor-styles-wrapper) a:hover { text-decoration-thickness: 2px; }
:is(.entry-content, .editor-styles-wrapper) strong { color: var(--c-ink); font-weight: 700; }
:is(.entry-content, .editor-styles-wrapper) ul, :is(.entry-content, .editor-styles-wrapper) ol { padding-left: 1.3em; }
:is(.entry-content, .editor-styles-wrapper) ul { list-style: disc; }
:is(.entry-content, .editor-styles-wrapper) ol { list-style: decimal; }
:is(.entry-content, .editor-styles-wrapper) li + li { margin-top: .4em; }
:is(.entry-content, .editor-styles-wrapper) li::marker { color: var(--c-muted); }
:is(.entry-content, .editor-styles-wrapper) blockquote { margin-left: 0; margin-right: 0; padding: 4px 0 4px 24px; border-left: 4px solid var(--c-ink); font-size: 1.1em; color: var(--c-ink); }
:is(.entry-content, .editor-styles-wrapper) blockquote cite { display: block; margin-top: 8px; font-size: 16px; font-style: normal; color: var(--c-muted); }
:is(.entry-content, .editor-styles-wrapper) img { border-radius: 18px; }
:is(.entry-content, .editor-styles-wrapper) figure { margin-left: 0; margin-right: 0; }
:is(.entry-content, .editor-styles-wrapper) figcaption { margin-top: 10px; font-size: 15px; color: var(--c-muted); text-align: center; }
:is(.entry-content, .editor-styles-wrapper) hr { border: 0; border-top: 1px solid var(--c-line); margin: 2.4em 0; }
:is(.entry-content, .editor-styles-wrapper) code { font-size: .9em; background: var(--c-subtle); padding: 2px 6px; border-radius: 6px; }
:is(.entry-content, .editor-styles-wrapper) mark { background: var(--c-yellow); color: inherit; padding: 0 3px; border-radius: 3px; }
:is(.entry-content, .editor-styles-wrapper) table { width: 100%; border-collapse: collapse; font-size: 17px; }
:is(.entry-content, .editor-styles-wrapper) th, :is(.entry-content, .editor-styles-wrapper) td { padding: 12px 14px; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; }
:is(.entry-content, .editor-styles-wrapper) th { color: var(--c-ink); font-weight: 700; border-bottom: 2px solid var(--c-ink); }
:is(.entry-content, .editor-styles-wrapper) .wp-block-table { overflow-x: auto; }
:is(.entry-content, .editor-styles-wrapper) .wp-block-button__link { display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--c-ink); color: #fff; font-weight: 700; text-decoration: none; }
:is(.entry-content, .editor-styles-wrapper) .alignwide { max-width: 1040px; margin-left: 50%; transform: translateX(-50%); width: min(1040px, calc(100vw - 40px)); }
:is(.entry-content, .editor-styles-wrapper) .aligncenter { margin-left: auto; margin-right: auto; }

@media (max-width: 760px) {
  :root { --c-size: 17px; }
  :is(.entry-content, .editor-styles-wrapper) h2 { font-size: 26px; }
  :is(.entry-content, .editor-styles-wrapper) h3 { font-size: 21px; }
}