/* LEX83 · compatibilidad con WordPress (contenido del editor + utilidades WP) */

/* Contenido del editor */
.entry-content { font-size: var(--step-0); color: var(--ink); }
.entry-content > * + * { margin-top: 1.15rem; }
.entry-content h2 { font-size: var(--step-2); margin-top: 2.5rem; }
.entry-content h3 { font-size: var(--step-1); margin-top: 2rem; }
.entry-content p { color: var(--ink); }
.entry-content a { color: var(--lex-red); text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--lex-red-700); }
.entry-content ul, .entry-content ol { padding-left: 1.25rem; display: grid; gap: 0.4rem; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content img { border-radius: var(--radius); height: auto; }
.entry-content figure { margin: 1.75rem 0; }
.entry-content figcaption { font-size: var(--step--1); color: var(--muted); margin-top: 0.5rem; }
.entry-content blockquote {
  border-left: 3px solid var(--lex-red);
  padding: 0.25rem 0 0.25rem 1.25rem;
  margin: 1.75rem 0;
  font-size: var(--step-1);
  color: var(--ink);
}
.entry-content code, .entry-content pre { background: var(--paper-3); border-radius: 6px; }
.entry-content pre { padding: 1rem; overflow: auto; }
.entry-content code { padding: 0.1em 0.35em; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { border-bottom: 1px solid var(--line); padding: 0.6rem 0.5rem; text-align: left; }
.entry-content hr { border: 0; height: 1px; background: var(--line); margin: 2rem 0; }

/* Alineaciones del bloque */
.alignwide { width: min(100%, 1100px); margin-inline: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }
.alignleft { float: left; margin: 0.4rem 1.5rem 1rem 0; }
.alignright { float: right; margin: 0.4rem 0 1rem 1.5rem; }
.aligncenter { display: block; margin-inline: auto; }

/* Paginación */
.pagination, .nav-links { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 0.6rem;
  border: 1px solid var(--line-strong); border-radius: 10px;
  font-variant-numeric: tabular-nums;
}
.page-numbers.current { background: var(--lex-red); color: var(--on-accent); border-color: var(--lex-red); }
.page-numbers:hover:not(.current) { border-color: var(--ink); }

/* Logo personalizado */
.brand .custom-logo-link { display: inline-flex; }
.brand img.custom-logo { height: 32px; width: auto; }

/* Accesibilidad */
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed !important; top: 12px; left: 12px; width: auto; height: auto;
  padding: 10px 16px; background: var(--ink); color: var(--paper); border-radius: 8px; z-index: 1000; clip: auto;
}

/* Comentarios (mínimo) */
.comment-list { display: grid; gap: 1.25rem; }
.comment-body { border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.25rem; }

/* Logo de marca (bundled) */
.brand--logo { display: inline-flex; align-items: center; }
.brand--logo img { height: 38px; width: auto; display: block; }
@media (max-width: 820px) { .brand--logo img { height: 30px; } }

/* Menús de WordPress (wp_nav_menu genera <li>): sin viñetas y en línea. */
.nav li, .mobile-nav li { list-style: none; display: contents; }
.nav ul, .mobile-nav ul { list-style: none; margin: 0; padding: 0; display: contents; }
.nav .current-menu-item > a { color: var(--ink); }