/* ================================================
   LEVEL TECH — PAGE TRANSITION CSS
================================================ */

/* Canvas de mosaico — creado dinámicamente en JS */
#pt-canvas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 999999;
    display: block;
    opacity: 0;
}

.pt-pres {
    position: fixed;
    inset: 0;
    background: var(--color-black);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000;
    opacity: 0;
    pointer-events: none;
}

.pt-pres.is-active {
    opacity: 1;
    pointer-events: auto;
}

.pt-pres-text {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 8vw, 9rem);
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    padding: 0 2rem;
    will-change: opacity, filter, transform;
}

/* ── Reduced motion — sin bloques, sin blur, sin scale ── */
@media (prefers-reduced-motion: reduce) {
    .pt-pres-text { will-change: opacity; }
}