/* Custom Cursor Styling */
.custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    font-size: 24px;
    pointer-events: none; /* Crucial para que no bloquee clicks */
    z-index: 9999;
    transform: translate(-50%, -50%); /* Centrar la coronda en el puntero real */
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Smooth damping */
    filter: drop-shadow(0 0 5px rgba(201, 168, 76, 0.8));
    /* En desktop ocultamos el cursor real */
}

body:hover {
    cursor: none;
}

a, button, .interactive {
    cursor: none;
}

.custom-cursor.cursor-hover {
    transform: translate(-50%, -50%) scale(1.5) rotate(-15deg);
    filter: drop-shadow(0 0 15px rgba(201, 168, 76, 1));
}

@media (max-width: 768px) {
    /* Restaurar default cursor en móvil/tablet en caso de error, y ocultar el custom */
    body:hover, a, button, .interactive {
        cursor: auto;
    }
    .custom-cursor {
        display: none !important;
    }
}