:root {
    --mouse-x: 50%;
    --mouse-y: 50%;
    --linterna-radio: 220px;
    --linterna-opacity: 0;
}

#linterna-condado {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9998;
    mix-blend-mode: lighten;
    background-image: radial-gradient(circle var(--linterna-radio) at var(--mouse-x) var(--mouse-y), var(--color-acento-amarillo) 0%, transparent 60%), url('/assets/img/alabastro.jpg'); /* see docs/style-guide.md */
    background-size: var(--linterna-radio) var(--linterna-radio), cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: screen;
    filter: grayscale(100%);
    opacity: var(--linterna-opacity);
    transition: opacity 0.4s ease-out;
}

