@charset "utf-8";

/*
 * Estado inicial de los bloques animados con WOW.js
 * ---------------------------------------------------------------------------
 * animate.css (wow-animate.css) no incluye ninguna regla para .wow, asi que
 * sin esto los bloques se pintan visibles y WOW.js los esconde despues para
 * animarlos: se ve la pagina entera, desaparece y vuelve a entrar.
 * Ocultandolos desde el primer pintado la animacion arranca ya desde su
 * estado inicial correcto.
 *
 * El fallback sin JavaScript esta en head.xsl (bloque <noscript>).
 */
.wow {
	visibility: hidden;
}

/* WOW.js pone visibility:visible inline al mostrar el bloque; esto cubre el
   caso de que la clase .animated llegue por otra via. */
.wow.animated {
	visibility: visible;
}

/* WCAG 2.1 AA (2.3.3 / 2.2.2): quien pide menos movimiento ve el contenido
   directamente, sin animacion de entrada. El !important es necesario para
   ganar al visibility:hidden inline que aplica WOW.js. */
@media (prefers-reduced-motion: reduce) {
	.wow,
	.wow.animated {
		visibility: visible !important;
		animation: none !important;
	}
}