/*
 * Cambios de diseño pedidos explícitamente por el cliente, que se apartan
 * a propósito de la maqueta original (altura-magazine.css, que se
 * mantiene intacto). No son fixes técnicos — son decisiones de marca.
 */

/* 12-8-2026: el hover de los textos debe ir en el naranja corporativo
   (--rust), no en blanco/tinta. La maqueta original era inconsistente:
   .footer__col, .issue__title y .link-arrow ya usaban --rust, pero
   .nav, .coverline__rest, .scroll-cue, .radio__links y .feature__parts
   pasaban a blanco, y .toc/.list no cambiaban de color en absoluto. */
.nav a:hover {
  color: var(--rust);
}
.site-header.is-over .nav a:hover {
  color: var(--rust);
}
.coverline__rest a:hover {
  color: var(--rust);
}
.scroll-cue:hover {
  color: var(--rust);
}
.radio__links a:hover {
  color: var(--rust);
}
.feature__parts a:hover {
  color: var(--rust);
}
.toc a:hover .toc__head {
  color: var(--rust);
}
.list a:hover .list__head {
  color: var(--rust);
}

/* 12-8-2026: el cliente confirmó que también quiere el texto naranja
   sólido en los titulares grandes, no solo el subrayado que ya traían
   (.coverline__head del masthead, .card__title de la grilla de
   Arquitectura). */
/* 13-8-2026: se sacó de nuevo el texto naranja del titular grande del
   masthead (.coverline__head) a pedido del cliente. Después el cliente
   pidió que el título principal directamente no tenga NINGÚN hover. El
   primer intento (neutralizar solo el "background-size:100% 2px" del
   hover, en altura-magazine.css línea 326) sacaba el subrayado, pero el
   cliente seguía viendo el texto ponerse AZUL al pasar el mouse — causa
   real, distinta: ".coverline__head" nunca tuvo su propio "color", así
   que en pantalla siempre heredó el color de su <a> contenedor
   (".coverline"). Ese <a>, a su vez, no tiene color propio tampoco — el
   crema de reposo lo hereda de más arriba (.masthead), pero
   "reset.css" del TEMA PADRE (Hello Elementor, wp-content/themes/
   hello-elementor/assets/css/reset.css) trae una regla genérica
   "a:active,a:hover{color:#336}" (azul) que sí aplica directo sobre
   cualquier <a> sin color propio en :hover — quedaba oculta mientras
   tuvimos la regla de color naranja puesta encima, y salió a la luz en
   cuanto la sacamos sin dejar ningún color explícito de reemplazo. Se
   soluciona dándole a ".coverline__head" su propio "color" (crema, el
   mismo de reposo): al ser una regla que apunta DIRECTO al span, gana
   siempre sobre lo heredado del <a>, sin importar el estado de este
   último (ni su especificidad) — y de paso se saca también el mecanismo
   del subrayado (sin "background-image" no hay nada que ningún hover
   pueda revelar). altura-magazine.css sigue intacto, sin editar. */
.coverline__head {
  background-image: none;
  color: var(--paper);
}
.card:hover .card__title a {
  color: var(--rust);
}

/* .radio__title y .feature__title no eran enlaces en la maqueta original
   (por eso nunca tuvieron hover) — pasaron a serlo cuando se conectó el
   episodio de podcast y el artículo de la serie de Sustentabilidad a
   contenido real. Les falta el mismo tratamiento que a los demás
   titulares. */
.radio__title a:hover {
  color: var(--rust);
}
.feature__title a:hover {
  color: var(--rust);
}