/* ==========================================================================
   Reposo (inc/navegacion.php, opción «reposo»): con la página quieta el celular descansa.
   Medido en celular (4G + CPU ×4), hilo principal ocupado con la página quieta:
   Vender 99 % → ~25 %, Escalamigos 99 % → ~25 %.
   ========================================================================== */

/* 1 · escalautos-reposo.js marca el elemento animado mismo (no su sección): también sus ::before/::after. */
.ea-quieto::before,
.ea-quieto::after {
	animation-play-state: paused !important;
}

/* 1b · (2026-11-03) Fuera de la vista, la animación infinita se QUITA, no solo se pausa: una animación en pausa
   conserva su capa compuesta y la portada llegó a 225 capas que el navegador reacomoda en cada cuadro del scroll
   (en celular, «Layerize» se comía más tiempo que pintar). Al volver a la vista arranca de nuevo; son bucles
   decorativos (brillos, aros, cintas), nadie nota dónde empiezan. */
.ea-quieto,
.ea-quieto::before,
.ea-quieto::after {
	animation-name: none !important;
}
/* La rueda de marcas y sus logos se quitan y vuelven JUNTOS (cada logo gira al revés para verse derecho; si uno
   arrancaba en otro momento quedaba torcido). Vale si la marca la puso el reposo en la rueda o el «ligero» en la sección. */
.sk-apps-4-logo.ea-quieto .single-logo img,
.ea-quieto .sk-apps-4-logo,
.ea-quieto .sk-apps-4-logo .single-logo img {
	animation-name: none !important;
}

/* 1c · En celular los aros que giran detrás de los íconos (10 a la vez en la portada) quedan quietos: el aro se ve igual. */
@media (max-width: 991px) {
	.sk-features-3-card .item-icon::after {
		animation: none !important;
	}
}

/* 2 · El interruptor claro/oscuro va fijo encima de todo: con vidrio difuminado, cada cuadro que se mueve algo
   detrás (el hero, una luz) obliga a volver a pintarlo (50–90 veces cada 3 s). Mismo aspecto con fondo sólido. */
.ea-tema.ea-tema--vertical {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* 3 · Los puntitos que flotan en el fondo del hero: en un celular cuestan más que todo el resto de la página
   (cada paso vuelve a armar las capas: ~1,9 s de cada 3 s). Son decoración tenue: en pantallas chicas no van. */
@media (max-width: 767px) {
	.sk-hero-7-bg-dot,
	.sk-hero-5-dot-shape-svg {
		display: none !important;
	}
}