/* =================================================================
   FUNDACIÓN ZAFFARONI - COMPONENTE RATÓN DE PAPEL
   Cursor personalizado con efectos de inclinación
   ================================================================= */

/* ===== ESTILOS BASE DEL CURSOR ===== */
/* Valores exactos preservados del JavaScript original */
raton-de-papel {
    z-index: var(--z-cursor, 1000);
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    backdrop-filter: invert();
    transition: transform 75ms ease-in-out, translate 75ms ease-out, opacity 50ms ease-in-out;
    pointer-events: none;
}

/* ===== ESTADO SOBRE IMAGEN CON ENLACE ===== */
raton-de-papel.sobre-imagen {
    background: color-mix(in srgb, var(--color-acento) 20%, transparent);
    backdrop-filter: none;
}

/* ===== OCULTAR CURSOR NATIVO ===== */
/* Solo cuando raton-de-papel está activo en el DOM */
body:has(raton-de-papel) * {
    cursor: none !important;
}



@media (max-width: 40em) {
    body *,  body:has(raton-de-papel) * {
    cursor: unset !important;
    }}