/* Movimiento del logo VECTA.
   Generado con el mismo código que produjo los ejemplos del paquete de marca
   (logo/web/vecta-intro-web.html y logo/web/vecta-logo-web.html); solo cambian los selectores.
   data-logo="intro": entrada completa, una vez por sesión. Flechas desde lejos (1,35 s desde 0,15 s),
                       letras desde 0,75 s cada 80 ms, descriptor a 1,30 s. Total 1,9 s.
   data-logo="entry": entrada corta del encabezado y reencuentro al pasar el cursor.
   data-logo="still": sin entrada (al terminar la intro); conserva el reencuentro al pasar el cursor.
   Con movimiento reducido el logo aparece quieto en todos los casos. */
@keyframes vecta-intro-l{from{transform:translateX(-48px)}
to{transform:none}
}
@keyframes vecta-intro-r{from{transform:translateX(48px)}
to{transform:none}
}
@keyframes vecta-intro-fade{from{opacity:0}
to{opacity:1}
}
@keyframes vecta-intro-letter{from{opacity:0;transform:translateX(-10px)}
to{opacity:1;transform:none}
}
@keyframes vecta-intro-rise{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
html[data-logo="intro"] .brand .sl{animation:vecta-intro-l 1.35s 0.15s both,vecta-intro-fade .5s 0.15s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out}
html[data-logo="intro"] .brand .sr{animation:vecta-intro-r 1.35s 0.15s both,vecta-intro-fade .5s 0.15s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out}
html[data-logo="intro"] .brand .lv{animation:vecta-intro-letter .6s 0.75s both cubic-bezier(.2,.7,.2,1)}
html[data-logo="intro"] .brand .le{animation:vecta-intro-letter .6s 0.83s both cubic-bezier(.2,.7,.2,1)}
html[data-logo="intro"] .brand .lc{animation:vecta-intro-letter .6s 0.91s both cubic-bezier(.2,.7,.2,1)}
html[data-logo="intro"] .brand .lt{animation:vecta-intro-letter .6s 0.99s both cubic-bezier(.2,.7,.2,1)}
html[data-logo="intro"] .brand .la{animation:vecta-intro-letter .6s 1.07s both cubic-bezier(.2,.7,.2,1)}
html[data-logo="intro"] .brand .ds{animation:vecta-intro-rise .6s 1.30s both ease-out}
@media (prefers-reduced-motion:reduce){html[data-logo="intro"] .brand .sl,html[data-logo="intro"] .brand .sr,html[data-logo="intro"] .brand .lv,html[data-logo="intro"] .brand .le,html[data-logo="intro"] .brand .lc,html[data-logo="intro"] .brand .lt,html[data-logo="intro"] .brand .la,html[data-logo="intro"] .brand .ds{animation:none}
}
@keyframes vecta-hdr-in-l{from{transform:translateX(-10px)}
to{transform:none}
}
@keyframes vecta-hdr-in-r{from{transform:translateX(10px)}
to{transform:none}
}
@keyframes vecta-hdr-fade{from{opacity:0}
to{opacity:1}
}
@keyframes vecta-hdr-again-l{0%{transform:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}
26%{transform:translateX(-6px);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1)}
100%{transform:none}
}
@keyframes vecta-hdr-again-r{0%{transform:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}
26%{transform:translateX(6px);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1)}
100%{transform:none}
}
html[data-logo="entry"] .brand .sl{animation:vecta-hdr-in-l 1.4s 0.00s both,vecta-hdr-fade .45s 0.00s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out}
html[data-logo="entry"] .brand .sr{animation:vecta-hdr-in-r 1.4s 0.00s both,vecta-hdr-fade .45s 0.00s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out}
html[data-logo="entry"] .brand:hover .sl{animation:vecta-hdr-in-l 1.4s 0.00s both,vecta-hdr-fade .45s 0.00s both,vecta-hdr-again-l .95s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out,linear;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out,linear}
html[data-logo="entry"] .brand:hover .sr{animation:vecta-hdr-in-r 1.4s 0.00s both,vecta-hdr-fade .45s 0.00s both,vecta-hdr-again-r .95s both;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-out,linear;animation-timing-function:linear(0, 0.223 5%, 0.396 10%, 0.531 15%, 0.636 20%, 0.782 30%, 0.871 40%, 0.924 50%, 0.957 60%, 0.976 70%, 0.988 80%, 0.996 90%, 1),ease-out,linear}
@media (prefers-reduced-motion:reduce){html[data-logo="entry"] .brand .sl,html[data-logo="entry"] .brand .sr,html[data-logo="entry"] .brand:hover .sl,html[data-logo="entry"] .brand:hover .sr{animation:none}
}
html[data-logo="still"] .brand:hover .sl{animation:vecta-hdr-again-l .95s both}
html[data-logo="still"] .brand:hover .sr{animation:vecta-hdr-again-r .95s both}
@media (prefers-reduced-motion:reduce){html[data-logo="still"] .brand:hover .sl,html[data-logo="still"] .brand:hover .sr{animation:none}
}