/* Short transitions for catalog navigation and same-origin page changes. */
#main {
    transition: opacity 120ms ease-out, transform 160ms ease-out;
}
#main.quitarPantalla {
    left: 0;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
}
#main.devolverPantalla {
    left: 0;
    opacity: 1;
    transform: translateY(0);
}
@view-transition {
    navigation: auto;
}
::view-transition-old(root) {
    animation: page-out 100ms ease-out both;
}
::view-transition-new(root) {
    animation: page-in 180ms ease-out both;
}
@keyframes page-out {
    to { opacity: 0; }
}
@keyframes page-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    #main { transition: none; }
    #main.quitarPantalla, #main.devolverPantalla { transform: none; }
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}