/* LINKS (shared by all pages) */
/* Color por defecto con especificidad 0: cualquier regla "a {}" de la página manda sobre esta */
:where(a) { color: var(--main-color, #2C2F88); }

/* Enlaces de texto: línea tenue siempre visible y otra sólida que crece al pasar el ratón.
   Los botones llevan clase, por eso :not([class]) los deja fuera. */
:where(p, li, label, footer, .info-item) a:not([class]) {
  text-decoration: none;
  background:
    linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat,
    linear-gradient(rgba(127, 127, 127, .45), rgba(127, 127, 127, .45)) 0 100% / 100% 1px no-repeat;
  padding-bottom: 1px;
  transition: background-size .35s ease, color .3s ease;
}
:where(p, li, label, footer, .info-item) a:not([class]):hover,
:where(p, li, label, footer, .info-item) a:not([class]):focus-visible {
  text-decoration: none;
  background-size: 100% 1px, 100% 1px;
}

/* "Más sobre…" en tratamientos */
.more-link a { color: var(--main-color, #2C2F88); font-weight: 600; }
.more-link a:hover { color: var(--accent-color, #00A4E0); }

@media (prefers-reduced-motion: reduce) {
  :where(p, li, label, footer, .info-item) a:not([class]) { transition: none; }
}