/*
 * Bloqueo de navegación hasta que la persona usuaria acepte, rechace o
 * configure las cookies. La clase `cky-gate-active` la activa cookie-gate.js
 * en <html> antes del primer pintado para evitar parpadeos.
 */

html.cky-gate-active,
html.cky-gate-active body {
	overflow: hidden !important;
	overscroll-behavior: none;
	touch-action: none;
}

/* Capa que intercepta clics, scroll y pulsaciones sobre el contenido. */
html.cky-gate-active body::after {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483000;
	background: rgba(11, 24, 36, 0.62);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	animation: cky-gate-fade 0.25s ease-out both;
}

@keyframes cky-gate-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	html.cky-gate-active body::after {
		animation: none;
	}
}

/* El banner y el panel de preferencias de CookieYes quedan siempre por encima
 * de la capa de bloqueo para que se puedan usar. */
.cky-consent-container,
.cky-modal,
.cky-preference-center,
.cky-overlay,
.cky-btn-revisit-wrapper {
	z-index: 2147483100 !important;
}
