/* Quinto Poder Zox Optimizer - efectos tipo landing y ajustes anti CLS */

:root {
  --qpzox-accent: #f58220;
  --qpzox-reveal-distance: 18px;
  --qpzox-reveal-time: 520ms;
}

/* Barra mínima de avance de lectura/scroll */
#qpzox-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--qpzox-accent);
  z-index: 999999;
  pointer-events: none;
  transform: translateZ(0);
}

/* Reservas simples para reducir brincos visuales en imágenes comunes */
img {
  max-width: 100%;
  height: auto;
}

/* MetaSlider: evita brincos fuertes mientras inicializa */
.metaslider,
.metaslider .slides,
.metaslider .slides > li {
  overflow: hidden;
}

/* Efecto landing: solo se activa cuando JS añade .qpzox-motion-ready */
.qpzox-motion-ready .qpzox-reveal {
  opacity: 0;
  transform: translateY(var(--qpzox-reveal-distance));
  transition:
    opacity var(--qpzox-reveal-time) ease,
    transform var(--qpzox-reveal-time) ease;
  will-change: opacity, transform;
}

.qpzox-motion-ready .qpzox-reveal.qpzox-visible {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

/* Suaviza navegación de anclas, útil si después agregas enlaces a secciones */
html {
  scroll-behavior: smooth;
}

/* Ajuste visual leve para bloques de portada, sin cambiar estructura editorial */
.qpzox-motion-ready .mvp-widget-home,
.qpzox-motion-ready .mvp-main-blog-wrap,
.qpzox-motion-ready .mvp-feat1-wrap,
.qpzox-motion-ready .mvp-widget-feat2-wrap,
.qpzox-motion-ready .mvp-blog-story-wrap,
.qpzox-motion-ready .mvp-flex-story {
  backface-visibility: hidden;
}

/* Respeta usuarios o dispositivos con reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  #qpzox-scroll-progress {
    display: none;
  }

  .qpzox-motion-ready .qpzox-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* En móviles muy pequeños reducimos movimiento y costo visual */
@media (max-width: 480px) {
  :root {
    --qpzox-reveal-distance: 10px;
    --qpzox-reveal-time: 380ms;
  }
}