/* Fondo blanco general y texto negro */
body,
.wrap,
.site-footer,
.site-header,
.top-bar,
.off-canvas-content,
.top-bar-right,
.dropdown.menu {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Título del sitio en negro */
.site-title a {
  color: #000000 !important;
}

/* Enlaces generales */
a {
  color: #76524F !important;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

/* Hover sobre todos los enlaces (incluyendo menú) */
a:hover,
a:focus,
.top-bar-right .menu a:hover,
.top-bar-right .menu a:focus,
.dropdown.menu a:hover,
.dropdown.menu a:focus,
.site-page-pagination a:hover,
.site-page-pagination a:focus {
  background-color: #76524F !important;
  color: #ffffff !important;
}

/* Menú principal - enlaces */
.top-bar-right .menu a,
.dropdown.menu a {
  color: #76524F !important;
  background-color: transparent !important;
  padding: 2px 4px;  /* Igual que los otros enlaces */
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

/* Menú principal - ítem activo (el seleccionado) */
.top-bar-right .menu .active > a,
.dropdown.menu .active > a,
.dropdown.menu .is-active > a {
  background-color: #76524F !important;
  color: #ffffff !important;
}

/* Flecha "Siguiente" (paginación entre páginas) */
.site-page-pagination a {
  color: #76524F !important;
  background-color: transparent !important;
  border: none !important;
  padding: 2px 4px;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

/* Hover y activo en flechas */
.site-page-pagination a:hover,
.site-page-pagination a:focus,
.site-page-pagination .pagination .current {
  background-color: #76524F !important;
  color: #ffffff !important;
}

/* 🔧 Botón "Buscar" */
button,
input[type="submit"],
input[type="button"],
.button {
  background-color: #76524F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
  padding: 0.5em 1em;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
  background-color: #5e3f3c !important; /* versión más oscura al pasar el mouse */
  color: #ffffff !important;
}

.resource-link {
  display: block;
}