/**
 * Estilos adicionales para efectos del popup de personajes
 */

/* Efecto de paralaje sutil al mover el ratón */
.personaje-popup.active .personaje-popup-content:hover {
    transform: perspective(1000px) rotateX(1deg) rotateY(1deg) scale(1.01);
}

/* Estilos adicionales para el contenedor de popups */
.poooolemon-personajes-popups-container .personaje-popup {
    pointer-events: none;
}

.poooolemon-personajes-popups-container .personaje-popup.active {
    pointer-events: all;
}

/* Mejora para la experiencia móvil */
@media (max-width: 768px) {
    .personaje-popup-content {
        border-width: 4px;
    }
}