/* Accesibilidad: correcciones de la revisión R-20261105-visocan (WCAG 2.1 AA).
 *
 * QUÉ HAY AQUÍ
 *
 * Las reglas que la auditoría del 5-nov-2026 pidió y que no pertenecen a una
 * sola sección. Va en hoja propia, la última del front (inc/accesibilidad.php
 * la encola con prioridad 30, detrás de botones.css): a igual especificidad
 * gana a la hoja de cada sección.
 *
 * Solo presets y custom de theme.json.
 *
 * Los cambios de color del contraste (CAL-01) se retiraron el 5-nov-2026 por
 * decisión del equipo: quedan aplazados hasta que VISOCAN apruebe la
 * aplicación de la marca. La propuesta con los ratios está en el informe de la
 * revisión.
 *
 * @package zaguan
 */

/* --- CAL-06 · Slider de cifras (portada) ----------------------------------- */

/* El botón de pausa se retiró el 9-nov-2026: las cifras ya no rotan solas,
   solo mientras el ratón está encima o al pulsar la caja (assets/js/cifras.js).
   Un movimiento que arranca el usuario no necesita mando de pausa (WCAG
   2.2.2). La caja se puede pulsar y enfocar: cursor y foco visibles. */
.vis-cifras.is-lista {
	cursor: pointer;
}

.vis-cifras.is-lista:focus-visible {
	outline: 3px solid var(--wp--preset--color--vis-color-texto);
	outline-offset: 2px;
}

/* --- CAL-08 · Objetivos táctiles en Empleo público ------------------------- */

/* Los enlaces de documentos medían 23,2 px de alto en móvil (mínimo 24 px,
   recomendable 44). Relleno vertical en el propio enlace para que el área
   de toque llegue a ~44 px sin mover el texto de sitio. */
@media (max-width: 47.9375rem) {
	.vis-recursos__lista a {
		display: inline-block;
		padding-block: 10px;
	}
}

/* --- CAL-09 y CAL-12 · Movimiento reducido --------------------------------- */

/* Las ilustraciones de /servicios/ (pasos del trámite y recibo) y el icono de
   aviso de la cabecera de los formularios repiten en bucle sus animaciones
   (vis-pasos-conector, vis-recibo-linea, vis-recibo-pulso, vis-recibo-sello,
   vis-fhero-alerta) aunque la persona pida reducir el movimiento. El estado
   final de todas es la forma completa y opaca, que es también el estado sin
   animación: quitarla deja la ilustración entera y quieta. !important porque
   las reglas de origen (servicios.css, tramites.css, contacto-formularios.css)
   usan selectores de más peso. */
@media (prefers-reduced-motion: reduce) {
	.vis-pasos__paso::before,
	.vis-pasos__paso::after,
	.vis-pasos__barra::after,
	.vis-pasos__dato::before,
	.vis-recibo__hoja::after,
	.vis-recibo__hoja > *,
	.vis-recibo__linea,
	.vis-recibo__dato::before,
	.vis-recibo__leyenda > p::before,
	.vis-fhero__icono,
	.vis-fhero__icono::before,
	.vis-fhero__icono::after {
		animation: none !important;
	}
}

/* --- CAL-11 · Enlaces dentro de texto -------------------------------------- */

/* Los teléfonos de las oficinas se distinguían del texto de alrededor solo por
   el color (2,21:1, sin subrayado): WCAG 1.4.1. Llevan subrayado siempre, sin
   cambiar su color. !important solo en la línea de subrayado: cada sección la
   anula con selectores de distinto peso. */
.vis-contacto__telefonos a {
	text-decoration-line: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

/* Migas de pan sin subrayado en ningún estado (9-nov-2026, petición del
   cliente). Las migas son navegación, no enlaces dentro de un párrafo: se
   distinguen de la página actual por el color y por el separador. !important
   porque algunas hojas de sección (inquilino.css) subrayan al pasar. */
.zgn-migas a,
.zgn-migas a:hover,
.zgn-migas a:focus-visible {
	text-decoration: none !important;
}

.vis-contacto__telefonos a:hover,
.vis-contacto__telefonos a:focus-visible {
	text-decoration-thickness: 2px;
}

/* --- Migas de pan sin hoja de sección (5-nov-2026) ------------------------ */

/* Las migas toman color de la hoja de cada sección; en las plantillas que no
   cargan ninguna (resultados de búsqueda) salían con el azul de enlace por
   defecto del tema. Base de especificidad mínima (:where) para que cualquier
   sección la siga pisando. El subrayado lo pone CAL-11. */
:where(.zgn-migas) a {
	color: var(--wp--preset--color--vis-kit-azul-petroleo);
}

/* --- Enlaces largos en el texto (11-nov-2026) ----------------------------- */

/* CAL-05 de R-20261111-visocan-2: en la política de cookies, las direcciones
   escritas como enlace (http://www.google.com/privacy_ads.html#toc-faq) no
   tienen dónde partirse y a 390 px empujaban la página de lado. Solo parten
   cuando no caben; el resto del texto no cambia. */
:where(.wp-block-post-content, .entry-content) :is(p, li, td) a {
	overflow-wrap: anywhere;
}