/* Estilo general para la paginación */
.wp-block-query-pagination {
  font-family: 'Poppins', sans-serif; /* Fuente moderna y legible */
  font-size: 1.2rem; /* Tamaño del texto */
}

/* Estilo para cada número de página y el número de página actual */
.wp-block-query-pagination a.page-numbers,
.wp-block-query-pagination .page-numbers.current {
  padding: 10px 15px; /* Espaciado interno */
  margin: 0 5px; /* Separación entre elementos */
  background-color: #dceeff; /* Fondo azul claro */
  color: #003366; /* Texto azul oscuro */
  border-radius: 8px; /* Bordes redondeados */
  text-decoration: none; /* Sin subrayado */
  font-weight: 500; /* Peso de fuente medio */
  transition: background 0.3s ease; /* Transición suave al cambiar el fondo */
}

/* Estilo específico para el número de página actual */
.wp-block-query-pagination .page-numbers.current {
  background-color: #003366; /* Fondo azul oscuro */
  color: white; /* Texto blanco */
}

/* Efecto hover sobre los números de página */
.wp-block-query-pagination a.page-numbers:hover {
  background-color: #a8d4ff; /* Fondo azul más brillante al pasar el cursor */
}

/* Botones "siguiente" y "anterior" en la paginación */
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  font-size: 1.2rem;
  font-weight: 600;
  color: #003366;
  text-decoration: none;
  margin: 0 10px;
}

/* Asegura que el contenido ocupe todo el ancho disponible */
.entry-content {
  max-width: 100% !important;
  width: 100% !important;
}

/* Estilo de los enlaces del menú de navegación */
main .wp-block-navigation a.wp-block-navigation-item__content {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  color: #004e92; /* Azul fuerte */
  text-decoration: none;
  padding-bottom: 4px; /* Espacio para la línea decorativa */
}

/* Línea animada debajo del enlace (subrayado animado con degradado) */
.wp-block-navigation a.wp-block-navigation-item__content::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #5fa8d3, #3c8dbc, #2c3e50); /* Degradado azul */
  transform: scaleX(0); /* Oculta la línea al inicio */
  transform-origin: right;
  transition: transform 0.4s ease; /* Animación suave */
}

/* Muestra la línea al pasar el cursor sobre el enlace */
.wp-block-navigation a.wp-block-navigation-item__content:hover::before {
  transform: scaleX(1); /* Aparece la línea */
  transform-origin: left;
}

/* Oculta contenido que se sale del contenedor de la imagen destacada */
.wp-block-post-featured-image {
  overflow: hidden;
}

/* Animación al pasar el cursor sobre elementos de lista de posts */
.wp-block-query.alignwide ul.wp-block-post-template > li {
  transform: scale(1); /* Estado normal */
  transition: transform 0.3s ease-in-out; /* Transición suave */
}

.wp-block-query.alignwide ul.wp-block-post-template > li:hover {
  transform: scale(1.05); /* Ligeramente más grande al hacer hover */
}