/* ------------------------------------------------------------------
   Envapack — enlaces dentro del contenido editorial  (2026-08-28)

   Problema que resuelve: en los artículos, un hipervínculo dentro de un
   párrafo se veía negro y sin subrayado, igual que el texto. Si además
   iba en negrilla, era indistinguible de un simple énfasis y nadie
   entendía que se podía hacer clic. Pasaba en toda la revista.

   Solución: azul de marca (#2E3178, token brand_blue del sistema) +
   subrayado. Dos señales visuales, no una — el color solo no basta
   para daltonismo (WCAG 1.4.1: el color no puede ser el único medio).

   Alcance: SOLO el cuerpo del artículo/página (.entry-content). No toca
   menús, tarjetas de portada, widgets ni banners: allí el enlace ya se
   entiende por contexto y subrayarlos ensuciaría la maquetación.
   ------------------------------------------------------------------ */

.entry-content a,
.entry-content a:visited {
	color: #2E3178;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	/* Separa la línea de las descendentes (g, j, p) para que el texto siga
	   siendo cómodo de leer con el subrayado puesto. */
	text-underline-offset: 3px;
	text-decoration-skip-ink: auto;
	transition: color .15s ease, text-decoration-color .15s ease;
}

.entry-content a:hover,
.entry-content a:focus {
	color: #C0302F; /* accent: confirma que es clicable al pasar el mouse */
	text-decoration-thickness: 2px;
}

/* Foco visible por teclado (accesibilidad). :focus-visible evita que el
   recuadro aparezca en cada clic de mouse. */
.entry-content a:focus-visible {
	outline: 2px solid #2E3178;
	outline-offset: 2px;
	border-radius: 2px;
}

/* El caso reportado ("Crear logos"): el enlace va DENTRO de la negrilla,
   <strong><a>...</a></strong>. Sin esta regla el <a> hereda el gris del
   <strong> del tema padre y el enlace vuelve a confundirse con el texto.
   La negrilla al reves, <a><strong>, tambien tiene que tomar el azul.
   Especificidad a proposito por encima de la regla base. */
.entry-content strong a,
.entry-content b a,
.entry-content strong a:visited,
.entry-content b a:visited {
	color: #2E3178;
}

.entry-content strong a:hover,
.entry-content b a:hover,
.entry-content strong a:focus,
.entry-content b a:focus {
	color: #C0302F;
}

.entry-content a strong,
.entry-content a b {
	color: inherit;
}

/* ---- Excepciones: enlaces que NO son texto o que ya tienen su estilo ----
   Una imagen enlazada, un botón de Gutenberg, un banner de AdRotate o los
   iconos de compartir no deben quedar subrayados ni azules. */
.entry-content a.wp-block-button__link,
.entry-content a.button,
.entry-content .wp-block-button a,
.entry-content .adrotate_widgets a,
.entry-content .g-single a,
.entry-content a:has(> img),
.entry-content a:has(> figure) {
	color: inherit;
	text-decoration: none;
}

.entry-content a.wp-block-button__link:hover,
.entry-content a.button:hover,
.entry-content .wp-block-button a:hover,
.entry-content a:has(> img):hover,
.entry-content a:has(> figure):hover {
	text-decoration: none;
}

/* Los botones sí conservan el color que les dé el bloque. */
.entry-content a.wp-block-button__link,
.entry-content .wp-block-button a {
	color: #fff;
}