/* ── transitions.css — overlay de navegación ────────────── */
.page-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: var(--card-bg);
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 20px;
    opacity: 0; pointer-events: none;
    transition: opacity .2s ease;
}
.page-overlay.active { opacity: 1; pointer-events: all; }
.page-overlay-name {
    font-family: var(--mono);
    font-size: 13px; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    color: var(--ink);
}
.page-overlay-track {
    width: 160px; height: 2px;
    background: var(--glass-border);
    border-radius: 2px; overflow: hidden;
}
.page-overlay-fill {
    height: 100%; width: 0%;
    background: var(--accent);
    border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .page-overlay { transition: none; }
    .page-overlay-fill { transition: none !important; }
}