/* CF UI · Revelar al hacer scroll · requiere revelar.js
   Mejora progresiva: los bloques solo se ocultan cuando <html> tiene .cf-reveal-on (lo pone el script).
   Si el JS falla o no carga, el contenido se ve igualmente (buscadores, lectores de pantalla, impresión). */
.cf-reveal-on [data-cf-reveal]{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--cf-delay,0s)}
.cf-reveal-on [data-cf-reveal="up"]{transform:translateY(32px)}
.cf-reveal-on [data-cf-reveal="down"]{transform:translateY(-32px)}
.cf-reveal-on [data-cf-reveal="left"]{transform:translateX(-40px)}
.cf-reveal-on [data-cf-reveal="right"]{transform:translateX(40px)}
.cf-reveal-on [data-cf-reveal="zoom"]{transform:scale(.88)}
.cf-reveal-on [data-cf-reveal="blur"]{filter:blur(10px);transition-property:opacity,transform,filter}
.cf-reveal-on [data-cf-reveal].is-visible{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.cf-reveal-on [data-cf-reveal]{opacity:1;transform:none;filter:none;transition:none}}
@media print{.cf-reveal-on [data-cf-reveal]{opacity:1!important;transform:none!important;filter:none!important}}
/* Envuelve las secciones con efectos laterales en .cf-reveal-clip para que no aparezca scroll horizontal */
.cf-reveal-clip{overflow-x:clip}