/*Personas*/
.capa-personas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 99999;
}

.imagen-persona-flotante {
    position: absolute;
    top: 0;
    left: 0;

    width: clamp(100px, 10vw, 160px);
    aspect-ratio: 4 / 5;

    display: block;
    object-fit: cover;
    object-position: center;

    opacity: 0;
    pointer-events: none;
    user-select: none;

    border-radius: 20px;

    /*
     * Facilita la animación sin provocar saltos.
     */
    will-change: transform, opacity;
    transform-origin: center;
}

/*
 * El efecto hover se desactiva en móviles y tablets táctiles.
 */
@media (hover: none), (pointer: coarse) {
    .texto-con-personas {
        cursor: auto;
    }

    .capa-personas {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .capa-personas {
        display: none;
    }
}