/* Lo que el tema suma alrededor del diseño de maquetas/, para lo que pone WordPress: la barra de arriba de
   quien tiene sesión, el enlace para saltar al contenido y la lista de artículos de una categoría o de la
   búsqueda. Se escribe a mano: el generador no lo toca */

/* Con alguien con sesión, la barra de administración ocupa arriba: la cabecera fija baja con ella */
.admin-bar .cabecera { top: 32px; }
@media (max-width: 782px) { .admin-bar .cabecera { top: 46px; } }

/* El enlace para saltar al contenido: fuera de la pantalla hasta que se llega a él con el teclado */
.saltar { position: absolute; left: 16px; top: -120px; z-index: 1000; padding: 10px 16px; border-radius: var(--radio-boton);
  background: var(--carbon); color: #fff; font-size: 15px; font-weight: 500; }
.saltar:focus { top: 16px; }

/* La lista de artículos de una categoría o de la búsqueda (template-parts/comun/lista-entradas.php) */
.lista-entradas { display: grid; gap: 28px; }
.lista-entradas .entrada-lista h2 { margin-top: 0; font-size: 24px; font-weight: 500; letter-spacing: -.015em; }
.lista-entradas .entrada-lista h2 a { text-decoration: none; }
.lista-entradas .entrada-lista h2 a:hover { color: var(--naranjo); }
.lista-entradas .entrada-lista p { margin-top: .5em; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.pagination .page-numbers { padding: 6px 12px; border-radius: var(--radio-boton); background: var(--gris-claro); }
.pagination .page-numbers.current { background: var(--carbon); color: #fff; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }