/* Correção para a barra de progresso no mobile */
@media (max-width: 768px) {
    /* Ajustar a barra de progresso para que o texto não fique cortado */
    .progress-container {
        position: relative;
        height: 40px;
        margin: 20px 0;
    }
    
    .progress-fill {
        height: 100%;
        border-radius: 20px;
    }
    
    .progress-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-weight: bold;
        font-size: 14px;
        white-space: nowrap;
        width: auto;
        text-align: center;
        z-index: 2;
    }
    
    /* Garantir que o texto seja visível mesmo em telas muito pequenas */
    @media (max-width: 375px) {
        .progress-text {
            font-size: 12px;
        }
    }
}