/* ===== DWELL CLICK VISUAL EFFECTS ===== */

/* Indicador de llenado progresivo */
.dwell-fill-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    background: linear-gradient(180deg, #8B5CF6, #10B981);
    border-radius: inherit;
    transition: height 0.1s ease-out, opacity 0.2s ease-out;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

/* Efectos específicos para elementos con data-clickable */
[data-clickable] {
    cursor: pointer;
    user-select: none;
    position: relative;
    overflow: hidden;
}

/* Asegurar que el contenido esté por encima del indicador de llenado */
[data-clickable] > * {
    position: relative;
    z-index: 2;
}