:root {
  --mv-curva: cubic-bezier(.22, 1, .36, 1);           
  --mv-curva-vaiven: cubic-bezier(.77, 0, .175, 1);   
}
:where(html:not([data-movimiento="reducido"])) main > :not(.revelar):not(.lp-escenario):not(script):not(template),
:where(html:not([data-movimiento="reducido"])) .envoltorio > :not(.aparecer) {
  animation: mv-entra .6s var(--mv-curva) backwards;
}
:where(html:not([data-movimiento="reducido"])) main > :nth-child(2), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(2) { animation-delay: 50ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(3), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(3) { animation-delay: 100ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(4), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(4) { animation-delay: 150ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(5), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(5) { animation-delay: 200ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(6), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(6) { animation-delay: 250ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(7), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(7) { animation-delay: 300ms; }
:where(html:not([data-movimiento="reducido"])) main > :nth-child(8), :where(html:not([data-movimiento="reducido"])) .envoltorio > :nth-child(8) { animation-delay: 350ms; }
@keyframes mv-entra {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
.mv-titular .mv-palabra {
  display: inline-block; overflow: clip; vertical-align: bottom;
  padding-bottom: .2em; margin-bottom: -.2em;
}
.mv-titular .mv-palabra > span {
  display: inline-block; transform: translateY(120%); opacity: 0; filter: blur(6px);
  transition: transform .7s var(--mv-curva), opacity .5s var(--mv-curva), filter .5s ease;
  transition-delay: calc(var(--i, 0) * 55ms);
}
.mv-titular-entra .mv-palabra > span { transform: none; opacity: 1; filter: blur(0); }
.mv { opacity: 0; transform: translateY(18px) scale(.985); }
.mv.mv-visto {
  opacity: 1; transform: none;
  transition: opacity .6s var(--mv-curva), transform .6s var(--mv-curva);
  transition-delay: calc(min(var(--tanda, 0), 6) * 70ms);
}
.mv-resalta .mv-tramo > span { color: var(--tinta, var(--texto, inherit)); transition: color .25s ease; }
.mv-resalta[style*="--resalte"] .mv-tramo > span {
--umbral: calc(var(--i, 0) / max(var(--n, 1), 1));
  --encendida: clamp(0, calc((var(--resalte, 1) - var(--umbral)) * 40), 1);
  color: color-mix(in srgb, var(--tinta, var(--texto, #0f172a)) calc(var(--encendida) * 100%),
                   var(--mv-apagado, var(--suave, var(--texto-suave, #64748b))));
}
.barra nav { position: relative; }
.nav-luz {
  position: absolute; left: 0; top: 0; width: 0; height: 0; border-radius: 9px; z-index: -1;
  background: color-mix(in srgb, var(--azul, var(--acento, #2563eb)) 10%, transparent);
  opacity: 0;
  transition: transform .28s var(--mv-curva), width .28s var(--mv-curva), opacity .18s ease;
}
.nav-luz.nav-luz-viva { opacity: 1; }
.barra nav .nav-enlace { position: relative; z-index: 1; }
details { interpolate-size: allow-keywords; }
@supports selector(::details-content) {
  details::details-content {
    height: 0; overflow: clip; opacity: 0;
    transition: height .32s var(--mv-curva), opacity .28s ease, content-visibility .32s allow-discrete;
  }
  details[open]::details-content { height: auto; opacity: 1; }
}
summary::marker, summary::-webkit-details-marker { transition: transform .2s ease; }
@media (hover: hover) {
  .chip:active, .guia:active, .version-ancla:active, .nav-enlace:active { transform: scale(.97); }
}
:where(html[data-movimiento="reducido"]) main > *, :where(html[data-movimiento="reducido"]) .envoltorio > * { animation: none !important; }
:where(html[data-movimiento="reducido"]) .mv, :where(html[data-movimiento="reducido"]) .mv-titular .mv-palabra > span { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
:where(html[data-movimiento="reducido"]) .mv-resalta .mv-tramo > span { color: inherit !important; transition: none !important; }
:where(html[data-movimiento="reducido"]) .nav-luz { display: none; }
:where(html[data-movimiento="reducido"]) details::details-content { transition: none !important; }