/* Planeta Geek Transitions — estilos base del overlay */

#pgt-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483600;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	contain: strict;
}

/* Estado activo (durante una transición controlada por JS). */
#pgt-overlay.pgt-active {
	opacity: 1;
	visibility: visible;
}

/* Anti-flash: al llegar a una página nueva, la cortina ya está visible
   ANTES de que el motor JS arranque, para que la página no parpadee. */
html.pgt-arriving #pgt-overlay {
	opacity: 1;
	visibility: visible;
}
html.pgt-arriving #pgt-overlay .pgt-fill {
	opacity: 1;
}

/* Capa sólida de cobertura: garantiza tapado total pase lo que pase con el canvas. */
#pgt-overlay .pgt-fill {
	position: absolute;
	inset: 0;
	background: var(--pgt-cover, #08080c);
	opacity: 0;
	will-change: opacity;
}

/* Lienzo donde cada tema pinta su efecto. */
#pgt-overlay .pgt-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* Accesibilidad: si el motor falla por completo, que nunca quede bloqueada la página. */
@media (prefers-reduced-motion: reduce) {
	#pgt-overlay .pgt-canvas {
		display: none;
	}
}