/* ═══════════════════════════════════════════════════════
   07-rendimiento.css  —  lo que el navegador puede NO hacer

   content-visibility:auto le dice al navegador que se salte
   el diseño y el pintado de una sección mientras está lejos de
   la pantalla. En una página con desenfoques, texturas y
   sombras como esta, es la diferencia entre pintar seis
   secciones caras de golpe o solo la portada.

   contain-intrinsic-size:auto <alto> reserva el hueco para que
   la barra de desplazamiento no pegue saltos; el 'auto' hace
   que el navegador recuerde el alto real tras la primera vez.

   Se deja FUERA la portada (siempre visible) y las dos
   secciones siguientes, para no retrasar nada que el visitante
   vaya a ver en el primer barrido.
   ═══════════════════════════════════════════════════════ */

#preguntas,#cotiza,.remate{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px; }

/* la tipografía variable puede pedirse sintetizada: nunca */
[data-tema] body{ font-synthesis:none; }

/* el navegador decide el mejor momento para decodificar */
[data-tema] .lienzo img,[data-tema] .fondo-portada img{ content-visibility:auto; }