.iris-velo {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: #0b0814;
    pointer-events: none;
}

/* Anillo de luz en el borde del círculo que se expande */
.iris-anillo {
    position: fixed;
    z-index: 100001;
    width: 0;
    height: 0;
    border-radius: 50%;
    border: 2px solid rgba(var(--morado-claro-rgb, 167, 139, 250), 0.95);
    box-shadow: 0 0 40px 10px rgba(var(--morado-rgb, 124, 58, 237), 0.85), inset 0 0 40px 8px rgba(var(--morado-rgb, 124, 58, 237), 0.6);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}