/**
 * Hover effect dinàmic per .pagelayer-wposts-col
 * La card es tomba segons la posició del cursor (JS aplica el transform)
 * El cursor aclareix el fons on passa (spotlight)
 */

.pagelayer-wposts-col {
    will-change: transform;
    position: relative;
}

.publiBannerPage {
    will-change: auto;
    position: relative;
}

.pagelayer-wposts-col::before,
.publiBannerPage::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle 200px at var(--cursor-x, 50%) var(--cursor-y, 50%),
        rgba(255, 255, 255, 0.25),
        transparent 65%
    );
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease;
    /* Smart Slider suele meter capas encima; lo empujamos arriba para que se vea */
    z-index: 9999;
}

.cards-hover-active::before {
    opacity: 1;
}