/**
 * Ajustes de accesibilidad (WCAG 2.1 AA).
 *
 * Archivo aparte a propósito: build/css/theme/style.css es un compilado de gulp
 * y está más actualizado que su fuente SCSS, así que recompilarlo podría
 * deshacer cambios. Esta hoja se carga después y no depende de esa compilación.
 */

/* 1.4.3 Contraste. El turquesa de marca #04a5c1 da 2,93:1 con texto blanco y
   2,64:1 como texto sobre #eff4f8. #02778c es el mismo tono, más oscuro:
   5,22:1 con blanco y 4,72:1 sobre #eff4f8. */
.category a,
.view-more-link a {
  background-color: #02778c;
  /* !important: en artículos relacionados el color de enlace de Bootstrap
     (#0d6efd) quedaba encima del turquesa (1,16:1). */
  color: #fff !important;
}
.since-date {
  color: #02778c;
}

/* 2.4.1 / 2.4.7 El enlace "Pasar al contenido principal" seguía oculto al
   recibir el foco: el .visually-hidden de Bootstrap usa !important y le ganaba
   al .focusable de Drupal. */
.visually-hidden.focusable:focus,
.visually-hidden.focusable:active {
  position: fixed !important;
  top: 8px;
  left: 8px;
  z-index: 10000;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  background: #fff;
  color: #02778c;
  font-weight: 700;
  outline: 3px solid #02778c;
}

/* El buscador y "Volver arriba" pasaron de imagen/div a <button> para poder
   usarse con teclado (2.1.1): sin los estilos de botón del navegador. */
button.informativo-search-icon,
button.scroll-to-top {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}