/* RDW leve: deixa o site e o app rápidos sem tirar conteúdo (classes postas por leve.js). */

/* 1) App/aba em segundo plano, ou bloco fora da tela: animações param (voltam sozinhas) */
html.rdw-oculto *, html.rdw-oculto *::before, html.rdw-oculto *::after,
.rdw-fora, .rdw-fora *, .rdw-fora *::before, .rdw-fora *::after { animation-play-state: paused !important; }

/* 2) Celular e app: mesmo visual, com efeitos que o aparelho desenha uma vez só */
html.rdw-movel body::before, html.rdw-movel body::after { animation: none !important; }        /* fundo aurora e grade parados */
html.rdw-movel *, html.rdw-movel *::before, html.rdw-movel *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* vidro desfocado é o efeito mais caro */
html.rdw-movel .topo { background: #070a18 !important; }
html.rdw-movel .player { background: #070a18 !important; isolation: isolate; }
html.rdw-movel .secao > .secao-in { background: linear-gradient(var(--vidro, rgba(255,255,255,.04)), var(--vidro, rgba(255,255,255,.04))), rgba(12, 16, 36, .9); }
html.rdw-movel .ceu-chip { background: rgba(13, 18, 48, .92) !important; }
/* letras do topo: brilho fixo em vez de brilho pulsando (o pulsar redesenha a tela toda hora) */
html.rdw-movel .rdw-grande span, html.rdw-movel .rdw-txt { filter: drop-shadow(0 0 6px rgba(255, 79, 139, .7)) !important; }
/* a cor que "corre" dentro das letras redesenha o texto a cada quadro: no celular as cores ficam fixas; o pulo e a onda continuam */
html.rdw-movel .rdw-grande span { animation: rdw-pula 2.2s ease-in-out infinite !important; }
html.rdw-movel .rdw-txt, html.rdw-movel .rdw-sub { animation: none !important; }
/* bolhas desfocadas das manchetes: ficam paradas */
html.rdw-movel .dd-in::before, html.rdw-movel .dd-in::after { animation: none !important; }
/* sombras grandes custam caro ao rolar */
html.rdw-movel .secao > .secao-in { box-shadow: 0 6px 20px rgba(0, 0, 0, .3) !important; }