/* 
 * styles.css
 * Utilidades complementarias compatibles con Bootstrap 5.3 nativo
 */

@keyframes livePulse {
    0% { transform: scale(0.95); opacity: 0.85; box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
    70% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 0 6px rgba(220, 53, 69, 0); }
    100% { transform: scale(0.95); opacity: 0.85; box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}

.animate-pulse {
    animation: livePulse 2s infinite;
}

.capture-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.capture-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    border-color: var(--bs-primary) !important;
}

.pointer-events-none {
    pointer-events: none;
}

#monCapturasContainer::-webkit-scrollbar {
    width: 6px;
}

#monCapturasContainer::-webkit-scrollbar-track {
    background: transparent;
}

#monCapturasContainer::-webkit-scrollbar-thumb {
    background: rgba(120, 120, 120, 0.3);
    border-radius: 4px;
}

#monCapturasContainer::-webkit-scrollbar-thumb:hover {
    background: rgba(120, 120, 120, 0.5);
}