/* Transiciones de página (Swup) — catálogo Terxo */

.terxo-transition-main {
    background: transparent;
}

/* Salida: fade-out (entrada se hace en JS — ver terxo-page-transitions.js) */
html.is-animating.is-leaving .terxo-transition-main {
    transition: opacity 0.22s ease, transform 0.22s ease;
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(8px);
}

@media (prefers-reduced-motion: reduce) {
    html.is-animating.is-leaving .terxo-transition-main {
        transition: none !important;
        opacity: 1;
        transform: none;
    }
}