/* =========================================================
   HOVER ROJO - MENU + FOOTER (Prodeca theme)
   ========================================================= */

:root { --prodeca-red: #c00000; }

/* ---------------------------
   MENU (HEADER / NAV)
   --------------------------- */
header .nav-link:hover,
header .nav-link:focus,
header .navbar a:hover,
header .navbar a:focus,
header nav a:hover,
header nav a:focus,
header .menu a:hover,
header .menu a:focus,
header .dropdown-menu a:hover,
header .dropdown-menu a:focus {
  color: var(--prodeca-red) !important;
  text-decoration: none !important;
}

/* ---------------------------
   FOOTER (top-bar-footer + cualquier footer)
   --------------------------- */
footer a:hover,
footer a:focus,
footer nav a:hover,
footer nav a:focus,
footer .menu a:hover,
footer .menu a:focus,

/* IDs/bloques típicos del footer en Drupal */
#block-footerinformaciolegalca a:hover,
#block-footerinformaciolegalca a:focus,

/* Por si el theme envuelve el footer con esta sección */
section.top-bar-footer a:hover,
section.top-bar-footer a:focus {
  color: var(--prodeca-red) !important;
  text-decoration: none !important;
}






/* =========================================================
   FIX HOVER NEGRO – botones tipo "block-2-columns" (wrapper)
   Caso: .block-2-columns--content-link--color-1 (fondo en DIV)
   ========================================================= */

/* Hover/focus-within en el wrapper (gana al background rojo) */
.block-2-columns--content-link--color-1:hover,
.block-2-columns--content-link--color-1:focus-within {
  background-color: #000 !important;
  border-color: #000 !important;
}

/* Asegura que el texto siga blanco y sin subrayado */
.block-2-columns--content-link--color-1:hover a,
.block-2-columns--content-link--color-1:focus-within a,
.block-2-columns--content-link--color-1:hover a *,
.block-2-columns--content-link--color-1:focus-within a * {
  color: #fff !important;
  text-decoration: none !important;
}

/* Por si el hover lo aplica al contenedor "link" interno */
.block-2-columns--content-link--link:hover,
.block-2-columns--content-link--link:focus-within {
  background-color: #000 !important;
  border-color: #000 !important;
}




/* =========================================================
   FIX HOVER NEGRO – botones tipo .btn-more (a.btn-more.desktop/mobile)
   ========================================================= */

a.btn-more:hover,
a.btn-more:focus,
a.btn-more.desktop:hover,
a.btn-more.desktop:focus,
a.btn-more.mobile:hover,
a.btn-more.mobile:focus,
a.btn-more:visited:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Por si el texto va dentro de spans/strong */
a.btn-more:hover *,
a.btn-more:focus * {
  color: #fff !important;
}