.selected-wrapper {
        width: 100%;
        background: #f8f8f8;
        border-top: 1px solid #ddd;
        padding: 6px;
    }
    
    /* 🔥 ESSENCIAL */
    .selected-scroll {
        display: flex;
        flex-wrap: nowrap;        /* 🚫 NÃO QUEBRA LINHA */
        gap: 6px;
        overflow-x: auto;         /* 👉 scroll horizontal */
        white-space: nowrap;
    }
    
    /* cada número */
    .number-selected {
        min-width: 42px;
        height: 38px;
        line-height: 38px;
        background: #28a745;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 6px;
    
        flex: 0 0 auto;           /* 🚫 não encolhe / não quebra */
    }
    
    /* ===== COTAS - CORES PERSONALIZADAS ===== */
    
    .bg-vermelho-claro {
        background-color: #f8d7da; /* vermelho claro Bootstrap */
        color: #842029;           /* texto vermelho escuro */
    }
    
    
    .bg-cota {
        background-color: #f8d7da; /* vermelho claro */
        color: #842029;           /* texto vermelho escuro */
    }
    
    .bg-danger-light {
        background-color: #f8d7da !important; /* vermelho claro */
        color: #842029 !important;           /* vermelho escuro */
        
    }

    .text-white {
        color:#fff !important;
    }
    
    
     .descricao-rifa {
        border: 2px solid #ddd; 
        border-radius: 8px;
        padding: 12px;
    
        max-height: 220px;
        overflow-y: auto;
    
        background: #fff;
    }
        
        .carousel-item{
            height: 260px; /* ajuste se quiser mais alto */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .carousel-img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        

                

    #carouselExampleIndicators .carousel-item{
            height: 290px;
        }
        
    #carouselExampleIndicators .carousel-img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        
        
     
  /* ===== COTAS - CORES DO DISPONIVEL===== */
     
        a.number.filter.numero.disponivel{
            color: #0dcaf0 !important;
            font-weight: normal;
            text-decoration: none;
            padding: 4px 8px;
            border-radius: 4px;
        }
        

        
        a.number.filter.numero.disponivel.selected{
            color: #0d6efd !important;
            font-weight: bold;
            background-color: #dee2e6 !important;


                  }
                  
                  
        @media (max-width: 768px) {

    a.number.filter.numero.disponivel.selected{
        background-color: #ced4da !important;
        color: #0d6efd !important;
        font-weight: bold;
        display: inline-block;
    }

}

 .badge-acabando{
    font-size: 1.9rem;
    padding: 10px 16px;
    background-color: #dc3545; /* vermelho bootstrap */
    color: #fff;
    font-weight: 700;
    letter-spacing: .8px;
}