.bolita-numero {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    flex-shrink: 0;
}
.bolita-1 { background: #dc3545; animation: pulsoBolita1 2.4s ease-in-out infinite; }
.bolita-2 { background: #0d6efd; animation: pulsoBolita2 2.4s ease-in-out infinite; }
.bolita-3 { background: #198754; animation: pulsoBolita3 2.4s ease-in-out infinite; }

@keyframes pulsoBolita1 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }
    50% { box-shadow: 0 0 0 8px rgba(220, 53, 69, 0); }
}
@keyframes pulsoBolita2 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.5); }
    50% { box-shadow: 0 0 0 8px rgba(13, 110, 253, 0); }
}
@keyframes pulsoBolita3 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.5); }
    50% { box-shadow: 0 0 0 8px rgba(25, 135, 84, 0); }
}