/* ══════════════════════════════════════════
   PAGE TRANSITION OVERLAY
   Wipe direction: sube desde abajo, sale hacia arriba
══════════════════════════════════════════ */

#nil-page-transition {
	width: 100%;
	transform: translateY( 100% );
	pointer-events: none;
	height: 100vh;
    z-index: 10000; /* encima del page-transition (9999) y del fullscreen-nav (250) */
    background: var(--nil-color-primary);
    will-change: transform;
}

/* Con JS activo: cubre la página al cargar — GSAP lo retira */
html.nil-js #nil-page-transition {
	transform: translateY( 0 );
}

/* Cuando el preloader está activo: el overlay permanece oculto */
html.nil-js.nil-preloader-active #nil-page-transition {
	transform: translateY( 100% );
}

/* ── Admin bar ── */
body.admin-bar #nil-page-transition {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #nil-page-transition {
		top: 46px;
	}
}

/* ── Curvas hechas con divs, no SVG ── */
.nil-pt-rounded-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	height: 10vh;
	pointer-events: none;
	overflow: hidden;
	will-change: transform;
	z-index: 1;
	transform: scaleY( 0 );
}

.nil-pt-rounded-wrap.top {
	top: 0;
	transform: translateY( -99% ) scaleY( 0 );
	transform-origin: bottom center;
}

.nil-pt-rounded-wrap.bottom {
	bottom: 0;
	transform: translateY( 99% ) scaleY( 0 );
	transform-origin: top center;
}

.nil-pt-rounded {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 150%;
	height: 745%;
	border-radius: 50%;
	background: #0c0c0c;
	transform: translateX( -50% );
}

.nil-pt-rounded-wrap.top .nil-pt-rounded {
	top: 0;
	bottom: auto;
}

/* ── Logo dentro del overlay ── */
.nil-pt-logo {
	position: absolute;
	top: 50%;
    left: 50%;
	z-index: 2;
}

.nil-pl-logo img,
.nil-pl-logo svg {
	width: clamp(180px, 40vw, 600px);
	height: auto;
	display: block;
}

body.home .nil-pt-logo {
	top: 25vh;
}

body.home .nil-pt-logo img,
body.home .nil-pt-logo svg {
	height: 26px;
}

@media ( max-width: 768px ) {
	.nil-pt-logo {
		left: 24px;
	}
	body.home .nil-pt-logo {
		top: 20vh;
	}
}