/* La cabecera permanece y el contenido se funde entre páginas. */
@view-transition{navigation:auto}
.compact-header{view-transition-name:site-header}
main{view-transition-name:page-content}
::view-transition-group(site-header){z-index:2;animation-duration:.32s}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
::view-transition-old(root){animation:page-out .24s ease both}
::view-transition-new(root){animation:page-in .36s ease both}
::view-transition-old(page-content){animation:page-out .18s ease both}
::view-transition-new(page-content){animation:content-in .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}to{opacity:1}}
@keyframes content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}}