/*
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;
  }
}
.qp-whatsapp-channel{
    display:flex;
    gap:20px;
    align-items:center;
    margin:40px 0;
    padding:25px;
    border-radius:12px;
    background:#f5fff8;
    border:1px solid #d9f3e2;
}

.qp-wa-icon{
    font-size:56px;
    color:#25D366;
    flex-shrink:0;
}

.qp-wa-content{
    flex:1;
}

.qp-wa-content h3{
    margin:0 0 10px;
    font-size:24px;
}

.qp-wa-content p{
    margin:0 0 18px;
}

.qp-wa-content a{
    display:inline-block;
    background:#25D366;
    color:#fff;
    padding:12px 24px;
    border-radius:8px;
    font-weight:700;
    text-decoration:none;
    transition:.25s;
}

.qp-wa-content a:hover{
    background:#1ebd59;
    color:#fff;
}

.category #mvp-blog-arch-col-wrap {
    float: left;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.category #mvp-blog-arch-col-wrap .mvp-blog-story-list-col {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
/* Quinto Poder Veracruz: submenús Zox News */
@media (min-width: 1024px) {
    .mvp-nav-menu ul li.menu-item-has-children {
        position: relative;
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        height: auto;
        max-width: none;
        overflow: visible;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        z-index: 99999;
    }

    .mvp-nav-menu ul li.menu-item-has-children:hover > ul.sub-menu,
    .mvp-nav-menu ul li.menu-item-has-children:focus-within > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu > li {
        display: block;
        width: 100%;
    }
}

/* Corrección de submenús de Veracruz */
@media (min-width: 1024px) {

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu > li {
        display: block !important;
        float: none !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        clear: both !important;
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu > li > a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding: 12px 15px !important;
    }

}

/* Eliminar espacio superior en submenús de Veracruz */
@media (min-width: 1024px) {

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu > li:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mvp-nav-menu ul li.menu-item-has-children > ul.sub-menu > li:first-child > a {
        margin-top: 0 !important;
    }

}

/* Ajuste definitivo de posición de submenús */
@media (min-width: 1024px) {

    .mvp-nav-menu > ul > li.menu-item-has-children > ul.sub-menu {
        top: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .mvp-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .mvp-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a {
        margin: 0 !important;
        padding: 12px 15px !important;
    }

}