/* Transición de teletransporte entre páginas: la onda nace en el clic y cubre toda la pantalla */

/* Salida: círculo oscuro con borde de energía que crece desde el punto del clic */
#aia-warp{position:fixed;z-index:999999;border-radius:50%;pointer-events:none;transform:scale(0);will-change:transform;
	background:radial-gradient(circle,#07080f 0,#07080f 86%,rgba(139,123,255,.9) 92%,rgba(53,224,255,1) 96.5%,rgba(53,224,255,0) 100%);
	transition:transform .68s cubic-bezier(.45,.05,.3,1)}
#aia-warp.on{transform:scale(1)}

/* Entrada: la nueva página se abre como un portal desde el punto donde se hizo clic */
html.aia-in body{animation:aiaReveal .95s cubic-bezier(.22,.7,.2,1) both}
@keyframes aiaReveal{
	from{clip-path:circle(0px at var(--wx) var(--wy))}
	to{clip-path:circle(var(--wr) at var(--wx) var(--wy))}
}
html.aia-in::after{content:"";position:fixed;z-index:999998;pointer-events:none;border-radius:50%;
	left:var(--wx);top:var(--wy);width:calc(var(--wr) * 2);height:calc(var(--wr) * 2);margin:calc(var(--wr) * -1) 0 0 calc(var(--wr) * -1);
	border:3px solid #35e0ff;box-shadow:0 0 40px 6px rgba(53,224,255,.8),0 0 90px 12px rgba(139,123,255,.55),inset 0 0 40px rgba(139,123,255,.5);
	animation:aiaRing .95s cubic-bezier(.22,.7,.2,1) both}
@keyframes aiaRing{from{transform:scale(0);opacity:1}80%{opacity:.9}to{transform:scale(1);opacity:0}}

@media (prefers-reduced-motion:reduce){
	#aia-warp{display:none}
	html.aia-in body{animation:none}
	html.aia-in::after{display:none}
}