/* BrainWorks – transiciones entre páginas (View Transitions entre documentos).
   Los navegadores que no las soportan ignoran estas reglas sin ningún efecto secundario. */
@media (prefers-reduced-motion: no-preference) {
	@view-transition { navigation: auto; }
}
/* La cabecera y el botón de accesibilidad quedan fijos; solo se anima el contenido */
.page-fx .site-header{view-transition-name:bw-header}
.page-fx .a11y-button{view-transition-name:bw-a11y}
::view-transition-group(bw-header),::view-transition-group(bw-a11y){animation:none}
::view-transition-old(bw-header),::view-transition-old(bw-a11y){display:none}
::view-transition-new(bw-header),::view-transition-new(bw-a11y){animation:none}

::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}

/* 1. Fundido */
html[data-fx="fade"]::view-transition-old(root){animation-name:bwfx-fade-out}
html[data-fx="fade"]::view-transition-new(root){animation-name:bwfx-fade-in}
/* 2. Deslizamiento lateral */
html[data-fx="slide"]::view-transition-old(root){animation-name:bwfx-slide-out}
html[data-fx="slide"]::view-transition-new(root){animation-name:bwfx-slide-in}
/* 3. Subida */
html[data-fx="rise"]::view-transition-old(root){animation-name:bwfx-fade-out}
html[data-fx="rise"]::view-transition-new(root){animation-name:bwfx-rise-in}
/* 4. Zoom */
html[data-fx="zoom"]::view-transition-old(root){animation-name:bwfx-zoom-out}
html[data-fx="zoom"]::view-transition-new(root){animation-name:bwfx-zoom-in}
/* 5. Barrido circular */
html[data-fx="wipe"]::view-transition-old(root){animation:none}
html[data-fx="wipe"]::view-transition-new(root){animation-name:bwfx-wipe;animation-duration:.5s}
/* 6. Giro suave */
html[data-fx="flip"]::view-transition-old(root){animation-name:bwfx-flip-out}
html[data-fx="flip"]::view-transition-new(root){animation-name:bwfx-flip-in}

@keyframes bwfx-fade-out{to{opacity:0}}
@keyframes bwfx-fade-in{from{opacity:0}}
@keyframes bwfx-slide-out{to{opacity:0;transform:translateX(-6%)}}
@keyframes bwfx-slide-in{from{opacity:0;transform:translateX(6%)}}
@keyframes bwfx-rise-in{from{opacity:0;transform:translateY(40px)}}
@keyframes bwfx-zoom-out{to{opacity:0;transform:scale(.96)}}
@keyframes bwfx-zoom-in{from{opacity:0;transform:scale(1.04)}}
@keyframes bwfx-wipe{from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}
@keyframes bwfx-flip-out{to{opacity:0;transform:perspective(1200px) rotateY(-12deg) scale(.97)}}
@keyframes bwfx-flip-in{from{opacity:0;transform:perspective(1200px) rotateY(12deg) scale(.97)}}

/* Desactivado desde el panel de accesibilidad */
.a11y-noanim::view-transition-group(*),.a11y-noanim::view-transition-old(*),.a11y-noanim::view-transition-new(*),
.a11y-nofx::view-transition-group(*),.a11y-nofx::view-transition-old(*),.a11y-nofx::view-transition-new(*){animation:none!important}
.page-fx .preloader{display:none}