@charset "UTF-8";
/* =============================================================
   RemiseroStudio.com — CARGA PROGRESIVA (toda la web) · 2026-10-26
   1 · Barra fina arriba mientras carga la página (y al ir a otra página).
   2 · Las secciones que están más abajo aparecen con un fundido y suben
       suavemente al llegar a ellas; sus tarjetas entran en cascada.
   3 · Las imágenes aparecen con un fundido suave cuando terminan de cargar.
   Se activa solo con JavaScript (clase html.rs-cp-on): sin JS todo se ve igual que siempre.
   Pareja: /js/carga-progresiva.js · se carga desde includes/menu-top.php
   ============================================================= */
#rs-carga{ position:fixed; top:0; left:0; z-index:2147483600; height:3px; width:0; pointer-events:none;
  background:linear-gradient(90deg,#9ad900,#bdff06 60%,#e9ff9a); box-shadow:0 0 10px rgba(189,255,6,.7);
  transition:width .4s ease, opacity .4s ease .15s; }
#rs-carga.va{ width:72%; transition:width 6s cubic-bezier(.08,.6,.2,1); }
#rs-carga.fin{ width:100%; opacity:0; transition:width .3s ease, opacity .45s ease .3s; }

html.rs-cp-on .rs-cp{ opacity:0; transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); }
html.rs-cp-on .rs-cp.rs-cp-in{ opacity:1; transform:none; }
html.rs-cp-on .rs-cp .rs-cp-st{ opacity:0; transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
html.rs-cp-on .rs-cp.rs-cp-in .rs-cp-st{ opacity:1; transform:none; transition-delay:var(--rs-cp-d,0s); }

@keyframes rsCpImg{ from{ opacity:0; } }
img.rs-cp-img{ animation:rsCpImg .6s ease-out; }

/* Con «reducir movimiento» en el equipo: solo fundido, sin desplazamiento */
@media (prefers-reduced-motion:reduce){
  html.rs-cp-on .rs-cp, html.rs-cp-on .rs-cp .rs-cp-st{ transform:none !important; }
}