/*
Theme Name: Quinto Poder Zox Landing
Theme URI: https://quintopoderqrp.com/
Description: Child theme seguro para Zox News. Añade efectos suaves tipo landing page, marquesina automática para títulos desbordados y pequeñas optimizaciones front-end sin modificar editor, oEmbed ni funciones de entradas.
Author: Quinto Poder
Template: zox-news
Version: 1.0.0
Text Domain: quinto-poder-zox-landing
*/

@import url("../zox-news/style.css");

/* Ajustes base seguros */
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; }

/* Barra de avance ligera */
.qp-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #f58220, #ffffff);
  z-index: 999999;
  pointer-events: none;
  transform: translateZ(0);
}
.admin-bar .qp-scroll-progress { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .qp-scroll-progress { top: 46px; } }

/* Efecto landing: aparece al hacer scroll */
.qp-landing-ready .qp-landing-section {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 580ms ease, transform 580ms ease;
  will-change: opacity, transform;
}
.qp-landing-ready .qp-landing-section.qp-section-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Micro-interacción en tarjetas sin cambiar estructura */
@media (hover: hover) and (pointer: fine) {
  .mvp-blog-story-wrap,
  .mvp-flex-story,
  .mvp-feat1-list-cont,
  .mvp-feat1-sub-cont,
  .mvp-widget-feat2-left-cont,
  .mvp-widget-feat2-right-cont {
    transition: transform 220ms ease, filter 220ms ease;
  }
  .mvp-blog-story-wrap:hover,
  .mvp-flex-story:hover,
  .mvp-feat1-list-cont:hover,
  .mvp-feat1-sub-cont:hover,
  .mvp-widget-feat2-left-cont:hover,
  .mvp-widget-feat2-right-cont:hover {
    transform: translateY(-2px);
  }
}

/* Marquesina suave solo cuando JS detecta desborde */
.qp-marquee-host {
  overflow: hidden !important;
  white-space: nowrap !important;
  max-width: 100%;
}
.qp-marquee-inner {
  display: inline-block;
  max-width: none;
  padding-right: 2.5rem;
  will-change: transform;
}
.qp-marquee-host.qp-marquee-active .qp-marquee-inner {
  animation-name: qp-soft-marquee;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: var(--qp-marquee-duration, 8s);
}
@keyframes qp-soft-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(var(--qp-marquee-distance, -60px)); }
}

/* Evitar saltos visuales en sliders/banners sin ocultarlos */
.metaslider,
[id^="metaslider_container_"] {
  min-height: 1px;
}

/* Respeta usuarios que prefieren menos animación */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .qp-landing-ready .qp-landing-section,
  .mvp-blog-story-wrap,
  .mvp-flex-story,
  .mvp-feat1-list-cont,
  .mvp-feat1-sub-cont,
  .mvp-widget-feat2-left-cont,
  .mvp-widget-feat2-right-cont {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .qp-marquee-host.qp-marquee-active .qp-marquee-inner {
    animation: none !important;
    transform: none !important;
  }
}