/**
 * Congela las visualizaciones que están fuera de pantalla.
 *
 * El atributo data-kt-pausada lo pone y lo quita
 * assets/js/kt-mf-pausa-animacions.js con un IntersectionObserver.
 *
 * `animation-play-state: paused` no destruye nada: el navegador deja de
 * recalcular y de pintar, y al volver a entrar la animación sigue donde
 * estaba. Es la forma más barata de recuperar los 6,7 s de estilo y layout
 * que medía PageSpeed.
 */

[ data-kt-pausada ],
[ data-kt-pausada ] * {
	animation-play-state: paused !important;
}

/**
 * `content-visibility: auto` va un paso más allá: el navegador ni siquiera
 * calcula el layout del subárbol mientras está lejos de la pantalla.
 *
 * `contain-intrinsic-size` le dice qué alto reservar mientras tanto, para
 * que la barra de scroll no dé saltos. Las visualizaciones son todas de
 * proporción 1280×720, de ahí el valor.
 */
.mf-b2bhero-wrap,
.mf-persviz-wrap,
.mf-oneacct-wrap,
.mf-search-wrap,
.mf-agent-wrap,
.mf-mdomain-wrap,
.mf-b2bviz-wrap,
.mf-blviz-wrap,
.mf-hdviz-wrap,
.mf-psviz-wrap,
.mf-omviz-wrap,
.mf-v2viz-wrap {
	content-visibility: auto;
	contain-intrinsic-size: auto 720px;
}